:root{color-scheme:light;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Sans,sans-serif;--ink: #143b40;--ink-soft: #5e8186;--teal: #0fb3c4;--teal-deep: #07818f;--teal-soft: #74e0e8;--teal-ghost: #e3f8fa;--pink: #ff5d8f;--pink-deep: #e63e74;--pink-soft: #ffd0de;--cream: #fdf6ec;--card: rgba(255, 255, 255, .94);--line: rgba(15, 179, 196, .24);--line-strong: rgba(15, 179, 196, .5);--shadow: 0 14px 34px rgba(7, 95, 105, .16);--shadow-soft: 0 6px 16px rgba(7, 95, 105, .12);background:radial-gradient(circle at 12% 0%,rgba(15,179,196,.22),transparent 38%),radial-gradient(circle at 92% 100%,rgba(255,93,143,.18),transparent 40%),radial-gradient(rgba(15,179,196,.13) 1.4px,transparent 1.4px),linear-gradient(180deg,#fefaf3 0%,var(--cream) 100%);background-size:100% 100%,100% 100%,22px 22px,100% 100%;background-attachment:fixed;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer}@media (prefers-reduced-motion: no-preference){.app-header{animation:rise .5s .02s both cubic-bezier(.22,1,.36,1)}.toolbar{animation:rise .5s .1s both cubic-bezier(.22,1,.36,1)}.main-stage{animation:rise .55s .18s both cubic-bezier(.22,1,.36,1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.app-shell{height:100dvh;padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 10px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;overflow:hidden}.app-header{display:flex;align-items:center;gap:10px}.app-logo-img{width:42px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 8px rgba(7,95,105,.22))}.app-title-block{display:grid;gap:1px}.app-header h1{margin:0;font-family:RocknRoll One,Zen Maru Gothic,sans-serif;font-weight:400;font-size:clamp(1.2rem,4.6vw,1.7rem);line-height:1.05;color:var(--teal-deep);letter-spacing:.01em}.service-kicker,.share-meta span,.name-input-card span,.teacher-label,.history-item p,.history-item small,.teacher-empty,.picker-copy span{font-size:.74rem}.service-kicker,.share-meta span,.teacher-empty,.history-item p,.history-item small{margin:0;color:var(--ink-soft)}.toolbar{position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:9px;display:grid;gap:7px}.name-input-card{display:grid;gap:3px}.name-input-card span{font-weight:700;color:var(--teal-deep);letter-spacing:.04em}.name-input-card input{width:100%;border:1.5px solid var(--line);border-radius:13px;padding:9px 12px;background:#fffdfa;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease}.name-input-card input::placeholder{color:#b7cdce}.name-input-card input:focus-visible{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-ghost)}.toolbar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.primary-button,.secondary-button,.ghost-button,.ghost-danger-button,.chip,.teacher-desk,.picker-card,.seat-card,.app-logo-img{transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease,background .18s ease}.primary-button,.secondary-button,.ghost-button,.ghost-danger-button{padding:9px 6px;border-radius:13px;font-weight:700;letter-spacing:.01em}.toolbar-grid .primary-button,.toolbar-grid .secondary-button{font-size:.82rem;line-height:1.2}.primary-button:active,.secondary-button:active,.chip:active,.picker-card:not(:disabled):active{transform:translateY(2px) scale(.98)}.primary-button{background:linear-gradient(135deg,var(--teal),var(--teal-soft));color:#fff;box-shadow:0 8px 18px #0fb3c457;text-shadow:0 1px 1px rgba(7,95,105,.25)}.primary-button.share-button{background:linear-gradient(135deg,var(--pink),#ff8caf);box-shadow:0 8px 18px #ff5d8f5c;text-shadow:0 1px 1px rgba(184,40,84,.25)}.secondary-button{background:#fff;color:var(--teal-deep);border:1.5px solid var(--line-strong);box-shadow:var(--shadow-soft)}.ghost-button{background:transparent;color:var(--teal-deep);font-weight:700}.ghost-danger-button{background:transparent;color:var(--pink-deep);font-weight:700}.main-stage{min-height:0;display:flex}.share-card{position:relative;flex:1;min-height:0;background:radial-gradient(circle at 85% 8%,rgba(255,93,143,.1),transparent 45%),linear-gradient(180deg,var(--teal-ghost) 0%,rgba(255,255,255,.96) 60%);border-radius:24px;border:1.5px solid var(--line);box-shadow:var(--shadow);padding:11px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px}.share-card:before{content:"";position:absolute;top:-14px;left:50%;width:96px;height:26px;transform:translate(-50%) rotate(-2deg);background:repeating-linear-gradient(45deg,#ff5d8f8c 0,#ff5d8f8c 7px,#ffa8c38c 7px,#ffa8c38c 14px);border-radius:3px;box-shadow:0 3px 8px #b828542e}.share-header{display:flex;justify-content:center}.share-seat-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:6px 14px;border-radius:999px;border:1.5px solid var(--pink-soft);box-shadow:var(--shadow-soft);font-size:.82rem;font-weight:700;color:var(--ink-soft)}.share-seat-badge em{font-style:normal;color:var(--teal-deep);font-weight:900}.share-seat-badge strong{font-size:.95rem;color:var(--pink-deep);font-weight:900}.front-area{display:grid;justify-items:center;gap:6px}.blackboard{position:relative;width:min(420px,92%);height:clamp(34px,6vh,50px);border-radius:10px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 22px),linear-gradient(180deg,#1f8f78,#15705e);border:6px solid #d8b06a;box-shadow:inset 0 2px 12px #0006,0 7px 16px #075f6933;display:grid;place-items:center}.blackboard-text{color:#fffffff0;font-weight:800;letter-spacing:.24em;font-size:.9rem;text-shadow:0 1px 1px rgba(0,0,0,.35)}.chalk-tray{position:absolute;left:-2px;right:-2px;bottom:-12px;height:7px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#e6bd76,#c39852);box-shadow:0 3px 6px #0000002e}.teacher-desk{min-width:min(220px,58vw);background:#fff;border:2px dashed var(--line-strong);border-radius:12px;padding:6px 10px}.teacher-desk:hover{border-color:var(--teal);transform:translateY(-1px)}.teacher-label{color:var(--teal-deep);font-weight:700;letter-spacing:.04em}.teacher-content{display:flex;align-items:center;justify-content:center;gap:8px}.teacher-content strong{color:var(--ink)}.classroom-shell{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:stretch}.window-side{width:clamp(40px,9vw,54px);border-radius:14px;display:grid;justify-items:center;align-content:center;gap:10px;padding:12px 6px;text-align:center}.window-side span{font-size:.72rem;font-weight:700;writing-mode:vertical-rl;letter-spacing:.14em}.window-side-left{background:linear-gradient(180deg,#eefbff,#d6f1f7);border:1.5px solid rgba(15,179,196,.28)}.window-side-left span{color:var(--teal-deep)}.window-pane{width:clamp(24px,6vw,32px);height:clamp(34px,8vh,46px);border-radius:6px;border:3px solid #ffffff;background:linear-gradient(135deg,rgba(255,255,255,.85) 0 18%,transparent 18% 30%,rgba(255,255,255,.55) 30% 36%,transparent 36%),linear-gradient(180deg,#c6eef7,#9fe0ec);box-shadow:0 2px 6px #0fb3c433,inset 0 0 0 1px #0fb3c447;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.window-pane i{border:1px solid rgba(255,255,255,.85);background:transparent}.hallway-side{background:linear-gradient(180deg,#fff0f5,#ffe0ea);border:1.5px solid rgba(255,93,143,.3)}.hallway-side span{color:var(--pink-deep)}.hallway-door{position:relative;width:clamp(26px,6.5vw,34px);height:clamp(60px,14vh,92px);border-radius:6px;background:linear-gradient(180deg,#fff0f5,#ffd6e3);border:2px solid var(--pink);box-shadow:inset 2px 0 #fff9,0 2px 6px #b828542e}.hallway-door:before{content:"";position:absolute;top:6px;right:4px;bottom:6px;left:4px;border:1px solid rgba(255,93,143,.4);border-radius:4px;background:linear-gradient(180deg,#ffffff80,#ffffff0d)}.door-knob{position:absolute;top:50%;right:4px;width:5px;height:5px;border-radius:999px;background:var(--pink-deep);transform:translateY(-50%)}.board-grid-wrapper{min-height:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 26px),linear-gradient(180deg,var(--teal) 0%,var(--teal-deep) 100%);border-radius:18px;padding:12px;overflow:hidden;box-shadow:inset 0 2px 10px #075f694d}.board-grid{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:6px}.seat-card{position:relative;overflow:hidden;background:#fffffffa;border-radius:8px;border:2px solid transparent;padding:0;box-shadow:0 3px 8px #075f6938}.seat-card .avatar{width:100%;height:100%;border-radius:0;border:0;animation:none}.seat-card .avatar span{font-size:clamp(.7rem,3.4vw,1.1rem)}.seat-card:active{transform:translateY(2px) scale(.97)}.seat-card.seat-aisle-gap-right{margin-right:8px}.seat-card.seat-adjacent{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink-soft),0 3px 8px #075f6938}.seat-card.seat-me{border-color:#ffc94d;box-shadow:0 0 0 2px #ffc94d80,0 4px 10px #b0780a47}.seat-card.seat-me .seat-name{background:linear-gradient(to top,rgba(176,120,10,.88),rgba(176,120,10,.28) 70%,transparent)}.seat-card.seat-me:after{content:"★";position:absolute;top:-4px;right:-3px;font-size:.62rem;line-height:1;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:var(--pink);color:#fff;box-shadow:0 2px 5px #b8285466}.seat-card.seat-selected{transform:translateY(-2px);border-color:var(--teal-deep);box-shadow:0 0 0 3px var(--teal-ghost),0 8px 16px #075f6947}.seat-name{position:absolute;left:0;right:0;bottom:0;padding:5px 2px 2px;font-size:clamp(.5rem,2vw,.66rem);font-weight:800;line-height:1.05;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);background:linear-gradient(to top,rgba(0,0,0,.66),rgba(0,0,0,.2) 70%,transparent);word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.avatar{flex:none;overflow:hidden;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:800;border:2px solid transparent;background:linear-gradient(135deg,var(--teal),var(--teal-soft));animation:pop-in .32s cubic-bezier(.22,1,.36,1) both}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-sm{width:clamp(20px,5.6vw,28px);height:clamp(20px,5.6vw,28px);font-size:.58rem}.avatar-md{width:42px;height:42px;font-size:.8rem}.avatar-lg{width:56px;height:56px;font-size:1rem}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08323875;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:end center;padding:14px;z-index:30;animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.picker-sheet,.history-drawer{width:min(760px,100%);max-height:min(82dvh,760px);background:var(--cream);border-radius:26px 26px 16px 16px;box-shadow:0 -10px 60px #0832384d;border-top:4px solid var(--teal);padding:16px 14px 14px;display:grid;gap:12px;animation:sheet-up .28s cubic-bezier(.22,1,.36,1) both}.picker-sheet:before,.history-drawer:before{content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;transform:translate(-50%);border-radius:999px;background:var(--line-strong)}.picker-sheet,.history-drawer{position:relative}.history-drawer{max-height:min(65dvh,700px)}.picker-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.picker-header h3{margin:0;font-family:RocknRoll One,Zen Maru Gothic,sans-serif;font-weight:400;font-size:1.2rem;color:var(--teal-deep)}.picker-header p{margin:0;font-size:.7rem;color:var(--pink-deep);font-weight:700;letter-spacing:.12em}.chip-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;padding:8px 14px;border-radius:999px;background:#fff;color:var(--teal-deep);border:1.5px solid var(--line-strong);font-weight:700}.chip-active{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px 10px #0fb3c452}.picker-grid{--picker-row: 60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--picker-row);gap:8px;height:calc(var(--picker-row) * 4 + 8px * 3);max-height:56dvh;overflow-y:auto;overflow-x:hidden}.picker-card{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:8px 10px;display:flex;align-items:center;gap:9px;text-align:left;overflow:hidden;box-shadow:var(--shadow-soft)}.picker-card:not(:disabled):hover{border-color:var(--teal);transform:translateY(-2px)}.picker-copy strong{font-size:.82rem;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.picker-card-used{opacity:.45;filter:grayscale(.6);cursor:not-allowed;box-shadow:none}.picker-card-used .picker-copy span{color:var(--pink-deep);font-weight:700}.picker-copy{min-width:0}.picker-copy span{display:block;color:var(--ink-soft);font-size:.74rem}.picker-actions{display:flex;justify-content:space-between;gap:10px}.history-item strong{display:block;color:var(--ink)}.history-list{display:grid;gap:10px;overflow:auto;min-height:0}.history-item{border:1.5px solid var(--line);border-radius:16px;padding:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px;box-shadow:var(--shadow-soft)}.history-empty{padding:22px;border-radius:16px;background:#fff;border:1.5px dashed var(--line-strong);color:var(--ink-soft);text-align:center}.history-actions{display:flex;gap:8px}@media (max-width: 640px){.toolbar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.share-header{align-items:start;flex-direction:column}.share-meta{width:100%;text-align:left}.history-item{flex-direction:column;align-items:stretch}}@media (max-width: 420px){.app-shell{padding-inline:10px}.board-grid-wrapper{padding:8px}.board-grid{gap:4px}.seat-card.seat-aisle-gap-right{margin-right:4px}.window-side{width:30px;padding-inline:4px}}