:root{--ink:#29342f;--orange:#ff9d55;--green:#6dc7a5;--cream:#fff9ed}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#fff7e4,#effbf6);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-weight:700;color:var(--ink)}main{max-width:800px;min-height:100vh;margin:auto;padding:20px}.screen{display:none}.active{display:block}header,.heading{display:flex;justify-content:space-between;align-items:center;gap:10px}h1{font-size:clamp(1.5rem,5vw,2.2rem)}h2{font-size:1.15rem}p,small{color:#756c64;font-size:.88rem}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:not(.link){padding:12px 15px;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 3px 0 #e5d5c2}button:active{transform:translateY(2px);box-shadow:none}.panel{max-width:680px;margin:20px auto;padding:23px;border-radius:28px;background:#fffdf8;box-shadow:0 8px 0 #e8d8c4}.login{max-width:440px;margin-top:10vh;text-align:center}.hero{font-size:4rem}label{display:block;margin:13px 0;text-align:left}input,textarea,select{display:block;width:100%;margin-top:5px;padding:11px;border:2px solid #e9ddce;border-radius:12px;background:#fff;color:var(--ink)}form button,.panel>button{width:100%;margin-top:10px;background:var(--orange)!important;color:#60311c!important}.link,.teacher-link{margin-top:14px;background:transparent!important;box-shadow:none!important;color:#766b61!important;text-decoration:underline}.teacher-link{display:block;margin-inline:auto}.icons{display:flex;flex-wrap:wrap;gap:8px}.icons button{font-size:1.5rem}.icons .selected{outline:3px solid var(--orange)}.morning{margin:20px 0;padding:15px;border-radius:22px;background:#e9f7f0;box-shadow:0 6px 0 #d5ebdf}.pills{display:flex;flex-wrap:wrap;gap:7px}.pills span{padding:7px 10px;border-radius:99px;background:#fff;color:#4d705f}.duty{margin-top:11px;padding:11px;border-radius:14px;background:#fff4d8;color:#715d31}.duty ul{margin:6px 0 0;padding-left:20px;line-height:1.65}.menu{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.menu button{position:relative;min-height:140px;text-align:left;font-size:2rem}.menu b{display:block;font-size:1.1rem;margin-top:8px}.menu small{position:absolute;bottom:12px;left:15px}.featured{background:linear-gradient(135deg,#ffc36c,#ff9c59)!important}.add{display:flex;gap:8px}.add input,.add select{margin:0}.add button{white-space:nowrap}.panel li{display:flex;gap:6px;align-items:center;margin:7px 0;padding:8px;border-radius:10px;background:#f4ede5}.panel li button{padding:4px 7px;box-shadow:none}.panel li button:last-child{margin-left:auto;color:#b84e42}.daily{margin:10px auto;max-width:600px;text-align:center}.gojuon{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin-top:7px;direction:ltr}.gojuon span{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;background:#eee7df;color:#8d8176;font-size:clamp(.63rem,2.6vw,1rem)}.gojuon span.done{background:var(--green);color:#15392d}.gojuon span.current{outline:3px solid var(--orange);z-index:1}.gojuon span.empty{background:transparent}.time-attack{display:block;margin:10px auto;background:#e5f6ef!important;color:#39745e!important}.flash{position:relative;text-align:center;padding-top:8px}.flash>#kanaCard{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(74vw,360px);height:min(64vw,330px);min-height:250px;margin:auto;background:#fff;color:var(--orange);border-radius:38px;box-shadow:0 11px 0 #edd8be;font-family:serif}.flash em{font-size:clamp(9rem,32vw,14rem);font-style:normal;line-height:1}.flash small{margin-top:8px;background:#fff1db;padding:5px 8px;border-radius:8px}.flash>p{min-height:20px}.answer-buttons{display:flex;justify-content:center;gap:14px}.answer-buttons button{min-width:145px;font-size:1.15rem}.answer-buttons #unknown{background:#e8f5ef;color:#39745e}.answer-buttons #ok{background:var(--orange);color:#61311d}.answer-buttons #ok:disabled{background:#d8d2cc;color:#918980;box-shadow:none}.hint{position:absolute;top:18px;left:max(0px,calc(50% - 290px));display:flex;align-items:center;gap:7px;padding:8px;border-radius:14px;background:#e9f7f1;color:#39745e;text-align:left}.hint span{font-size:1.8rem}.hint small,.hint strong{display:block}.hint small{font-size:.65rem}.hint strong{font-size:.95rem}.picker{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.picker button{padding:7px 1px;border-radius:7px;background:#f0ebe4;box-shadow:none}.picker .selected{background:var(--green);color:#15392d}.teacher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.teacher-grid .panel{margin:0}.student{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #eee2d4}.student small{display:block}.debug{position:fixed;right:18px;bottom:18px;background:#4a514d!important;color:#fff!important;border-radius:50%!important;width:52px;height:52px;padding:0!important;font-size:1.25rem}.debug:hover{background:#a9443b!important}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);padding:11px 17px;border-radius:99px;background:#426653;color:white;opacity:0;transition:.2s}#toast.show{opacity:1}@media(min-width:620px){.menu{grid-template-columns:repeat(4,1fr)}}@media(max-width:500px){.hint{left:2px;top:5px}.gojuon{gap:2px}.gojuon span{font-size:.65rem}}