:root{color:#253236;--mint:#4fc3ad;--mint-dark:#23796d;--cream:#fff7df;--peach:#ffddd3;--yellow:#ffe8a7;--green:#dff4d6;--purple:#e5dcff;--blue:#dff2ff;--pink:#ffe3ee;--ink:#253236;--muted:#6f7f86;--card:#ffffffc7;--line:#d7e6ecd1;--shadow:0 22px 70px #23536024;--shadow-soft:0 12px 32px #2353601a;background:#f8fbff;font-family:Pretendard,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 10%,#ffddd3e6,#0000 24%),radial-gradient(circle at 88% 6%,#dff2fff2,#0000 26%),radial-gradient(circle at 70% 80%,#e5dcffc7,#0000 30%),linear-gradient(150deg,#fffaf1 0%,#f5fcff 47%,#f7f4ff 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffffb3 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;position:relative}.app-header{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff9e;border-bottom:1px solid #fffc;justify-content:space-between;align-items:center;gap:12px;padding:14px clamp(16px,4vw,42px);display:flex;position:sticky;top:0;box-shadow:0 8px 28px #4666730f}.brand{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:inline-flex}.brand-icon{background:linear-gradient(135deg,#fff,#e9fff9);border-radius:20px;place-items:center;width:48px;height:48px;font-size:26px;display:grid;box-shadow:0 14px 28px #3a90842e}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.03em}.brand small{color:var(--muted);margin-top:2px}.top-nav{gap:8px;display:flex}.top-nav button,.ghost-button,.text-button{color:#435a60;background:#ffffffc7;border:0;border-radius:999px;padding:10px 14px;box-shadow:0 8px 20px #35606914}.text-button{color:#7b8b91;box-shadow:none;background:0 0;padding:4px 0;font-size:.76rem;text-decoration:underline}.page{width:min(1120px,100%);margin:0 auto;padding:clamp(18px,4vw,44px)}.narrow-page{width:min(540px,100%)}.hero-card,.student-welcome,.admin-hero{background:var(--card);box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:38px;grid-template-columns:1.35fr .95fr;align-items:center;gap:clamp(18px,4vw,42px);padding:clamp(24px,5vw,54px);display:grid;position:relative;overflow:hidden}.hero-card:after,.student-welcome:after,.admin-hero:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffffb3,#0000 38%,#ffffff47);position:absolute;inset:1px}.hero-card>*,.student-welcome>*,.admin-hero>*{z-index:1;position:relative}.student-welcome,.admin-hero{grid-template-columns:1fr auto;margin-bottom:22px}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:14px;font-size:clamp(2rem,5vw,3.75rem);line-height:1.04}h2{letter-spacing:-.03em;font-size:1.38rem}.eyebrow{color:#23796d;background:#e1f7efe6;border-radius:999px;width:fit-content;margin-bottom:16px;padding:8px 13px;font-size:.86rem;font-weight:900;display:inline-flex}.hero-text{color:#52656b;font-size:1.08rem;line-height:1.72}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-row.right{justify-content:flex-end}.button-row.compact{margin-top:12px}.primary-button,.secondary-button,.help-button{border:0;border-radius:18px;padding:12px 18px;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s}.primary-button{color:#fff;background:linear-gradient(135deg,#34b9a4,#6dd6c2 60%,#9bdcff);box-shadow:0 12px 24px #349f8d42}.secondary-button{color:#385f67;background:#ffffffe0;border:1px solid #d0e7ece6;box-shadow:0 8px 18px #30616d14}.help-button{color:#884a4a;background:#ffe5df;box-shadow:0 8px 20px #c76d5b24}.help-button.small,.danger-lite{border-radius:14px;padding:9px 12px;font-size:.88rem}.danger-lite{color:#965a54;background:#fff0ed}.large-action{border-radius:22px;padding:15px 20px;font-size:1.02rem}.primary-button:hover,.secondary-button:hover,.help-button:hover{transform:translateY(-1px)}.hero-art{place-items:center;min-height:280px;display:grid;position:relative}.hero-phone{background:linear-gradient(#fffffff2,#fafdffd1);border:1px solid #fffffff2;border-radius:34px;width:min(270px,80vw);min-height:230px;padding:26px;transform:rotate(-3deg);box-shadow:0 30px 70px #3560692e}.hero-phone span{color:#23796d;background:#e9fff9;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.hero-phone strong{letter-spacing:-.04em;margin:42px 0 10px;font-size:1.55rem;display:block}.hero-phone p{color:var(--muted);line-height:1.6}.orb{z-index:2;background:#ffffffe0;border-radius:26px;place-items:center;width:70px;height:70px;font-size:32px;display:grid;position:absolute;box-shadow:0 18px 34px #23536024}.orb-a{top:16%;left:8%;transform:rotate(-10deg)}.orb-b{top:8%;right:8%;transform:rotate(10deg)}.orb-c{bottom:12%;right:18%;transform:rotate(8deg)}.guide-character{box-shadow:var(--shadow-soft);background:#ffffffd1;border-radius:28px;align-items:center;gap:14px;padding:18px;display:flex}.guide-face{background:var(--cream);border-radius:28px;flex:none;place-items:center;width:84px;height:84px;font-size:48px;display:grid}.guide-bubble{background:#fff;border-radius:22px;padding:16px;font-weight:900;line-height:1.5;position:relative}.guide-bubble:before{content:"";background:#fff;width:16px;height:16px;position:absolute;top:28px;left:-8px;transform:rotate(45deg)}.character-badge{color:#405258;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:900;display:inline-flex;box-shadow:0 8px 16px #3f656e14}.character-small{justify-content:center;width:36px;height:36px;padding:5px}.character-medium{min-height:42px}.character-large{padding:10px 16px;font-size:1.1rem}.character-mint,.character-mint .guide-face{background:#e1f7ef}.character-cream,.character-cream .guide-face{background:#fff4d7}.character-yellow,.character-yellow .guide-face{background:#fff0bd}.character-peach,.character-peach .guide-face{background:#ffe2d9}.character-green,.character-green .guide-face{background:#dff3d6}.character-purple,.character-purple .guide-face{background:#e8e3ff}.character-blue,.character-blue .guide-face{background:#dff1ff}.character-pink,.character-pink .guide-face{background:#ffe1ec}.install-card,.soft-card{background:var(--card);box-shadow:var(--shadow-soft);border:1px solid #ffffffeb;border-radius:30px;padding:20px}.install-card{align-items:flex-start;gap:16px;margin-top:20px;display:flex}.install-card.premium{background:linear-gradient(135deg,#ffffffe6,#e9fff9d1)}.install-card.installed{background:#ecfff8}.install-emoji{width:52px;height:52px;box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;place-items:center;font-size:32px;display:grid}.install-guide{background:#ffffffb8;border-radius:18px;margin-top:12px;padding:12px 14px}.install-guide ol{color:#52656b;margin:0;padding-left:20px;line-height:1.75}.principle-grid,.room-grid,.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;display:grid}.principle-grid article,.stats-grid article{background:#ffffffb8;border:1px solid #ffffffe0;border-radius:26px;padding:18px;box-shadow:0 8px 18px #375f6b14}.principle-grid strong,.principle-grid span,.stats-grid strong,.stats-grid span{display:block}.principle-grid span,.stats-grid span{color:var(--muted);margin-top:8px;line-height:1.5}.stats-grid strong{color:var(--mint-dark);font-size:2.2rem}.form-card{gap:14px;display:grid}label{gap:8px;font-weight:900;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#ffffffeb;border:1px solid #dce9e5;border-radius:18px;outline:none;padding:13px 14px;box-shadow:inset 0 1px #ffffffb3}input:focus,select:focus,textarea:focus{border-color:#75ceb9;box-shadow:0 0 0 4px #4fc3ad29}textarea{resize:vertical}.tiny-note{color:var(--muted);margin-bottom:0;font-size:.82rem;line-height:1.6}.error-text{color:#c14545;margin-bottom:0;font-weight:900}.student-welcome p{color:#52656b;line-height:1.7}.student-actions{gap:10px;min-width:180px;display:grid}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.time-chip,.room-badge{color:#507176;background:#ffffffd1;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.84rem;font-weight:900;display:inline-flex;box-shadow:0 6px 14px #375f6b14}.my-room-strip{box-shadow:var(--shadow-soft);background:#ffffff94;border-radius:26px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.my-room-strip div{flex-wrap:wrap;gap:8px;display:flex}.my-room-strip button{color:#405258;background:#fff;border:0;border-radius:999px;padding:9px 12px;font-weight:900}.room-grid{grid-template-columns:repeat(3,1fr)}.room-card{min-height:258px;box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #ffffffeb;border-radius:30px;flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.room-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 12%,#ffffffb3,#0000 30%);position:absolute;inset:0}.room-card>*{z-index:1;position:relative}.room-card.locked{filter:grayscale(.12)}.room-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-icon{background:#ffffffd1;border-radius:20px;place-items:center;width:54px;height:54px;font-size:28px;display:grid;box-shadow:0 10px 20px #375f6b14}.room-card strong{letter-spacing:-.03em;font-size:1.18rem}.room-card small{color:#5f7178;font-weight:900}.room-card p{color:#52656b;flex:1;line-height:1.6}.room-meta,.room-footer{color:#61757c;justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.room-footer{border-top:1px solid #ffffffd1;padding-top:10px}.gradient-sunset{background:linear-gradient(145deg,#fff6ebf0,#ffddd3db)}.gradient-sky{background:linear-gradient(145deg,#f5fcfff5,#dff2ffe0)}.gradient-leaf{background:linear-gradient(145deg,#fafff7f5,#dff4d6e0)}.gradient-star{background:linear-gradient(145deg,#fffaebf5,#ffe8a7d1)}.gradient-peach{background:linear-gradient(145deg,#fffffff5,#ffe2dbdb)}.gradient-violet{background:linear-gradient(145deg,#fffffff5,#e5dcffe0)}.chat-page{width:min(940px,100%)}.chat-card{box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:34px;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fffffff2,#e9fff9b8);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.chat-header strong,.chat-header small{display:block}.chat-header small{color:var(--muted);margin-top:4px}.chat-submeta{color:#6b8087;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.8rem;display:flex}.chat-submeta span{background:#ffffffb8;border-radius:999px;padding:5px 8px}.chat-header-actions{align-items:center;gap:8px;display:flex}.member-strip{border-bottom:1px solid var(--line);background:#ffffff75;flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.night-card{background:#f0edff;border-radius:24px;align-items:center;gap:12px;margin:16px 18px 0;padding:16px;display:flex}.moon{font-size:32px}.message-list{flex-direction:column;gap:14px;min-height:420px;max-height:58vh;padding:22px;display:flex;overflow:auto}.message-row{align-items:flex-start;gap:10px;display:flex}.message-row.mine{flex-direction:row-reverse}.message-bubble{background:#ffffffeb;border-radius:22px 22px 22px 8px;max-width:min(620px,78%);padding:14px 16px;box-shadow:0 10px 22px #375f6b14}.message-row.mine .message-bubble{background:linear-gradient(135deg,#e5fff8,#f4fbff);border-radius:22px 22px 8px}.message-meta{color:#61757c;justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.message-bubble p{margin:8px 0;line-height:1.6}.message-warning{color:#b06445;font-weight:900}.empty-message{place-items:center;padding:40px 0;display:grid}.chat-input{border-top:1px solid var(--line);background:#ffffffa3;grid-template-columns:1fr auto;gap:10px;padding:16px;display:grid}.admin-columns{grid-template-columns:1.1fr .9fr;gap:18px;margin:18px 0;display:grid}.alias-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.alias-card{background:#ffffffad;border-radius:20px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}code{color:#3c6970;background:#f3fbff;border-radius:10px;padding:6px 8px;font-weight:900}.table-list{gap:10px;display:grid}.table-row{background:#ffffffad;border:1px solid #ffffffd1;border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px;display:grid}.table-row.compact{grid-template-columns:1fr auto auto}.table-row strong,.table-row small{display:block}.table-row small{color:var(--muted);margin-top:4px}.row-actions{gap:8px;display:flex}.muted-row{opacity:.62}.report-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.report-card{background:#ffffffad;border:1px solid #ffffffd1;border-radius:22px;padding:16px}.report-header{justify-content:space-between;gap:10px;display:flex}.context-line{color:#52656b;margin:8px 0}.empty-line{color:var(--muted)}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.room-create-modal{width:min(640px,100vw - 28px)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d303652;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#ffffffeb;border:1px solid #fffffff5;border-radius:32px;gap:14px;width:min(620px,100vw - 28px);max-height:calc(100vh - 40px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 80px #11303a38}.notice{z-index:80;width:min(560px,100vw - 24px);box-shadow:var(--shadow-soft);text-align:center;border-radius:18px;padding:14px 16px;font-weight:900;position:fixed;top:78px;left:50%;transform:translate(-50%)}.notice-info{color:#2c6477;background:#e9f7ff}.notice-success{color:#23796d;background:#e9fff6}.notice-warning{color:#8a6a23;background:#fff5d7}.notice-danger{color:#a33f3a;background:#ffe5e2}@media (width<=900px){.hero-card,.student-welcome,.admin-hero{border-radius:30px;grid-template-columns:1fr}.hero-art{min-height:220px}.principle-grid,.room-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-columns,.report-list{grid-template-columns:1fr}}@media (width<=620px){.app-header{align-items:flex-start}.brand small{display:none}.page{padding:16px}.principle-grid,.room-grid,.stats-grid{grid-template-columns:1fr}.chat-header{flex-direction:column;align-items:flex-start}.chat-header-actions{justify-content:space-between;width:100%}.chat-input{grid-template-columns:1fr}.message-bubble{max-width:84%}.alias-list,.table-row,.table-row.compact{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}.two-col{grid-template-columns:1fr}.my-room-strip{flex-direction:column;align-items:flex-start}}