:root{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f7fb;font-family:Apple SD Gothic Neo,Segoe UI,sans-serif;line-height:1.6}html,body,#root{min-height:100%;margin:0;padding:0}body{background:0 0}button,input,textarea,select{font:inherit}button{border:none}textarea{resize:vertical}#root{min-height:100vh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe2;--paper:#fffcf7db;--paper-strong:#fffdf9;--paper-border:#5c482a14;--ink:#172033;--muted:#667086;--line:#1720331a;--primary:#ef6a4a;--primary-deep:#c65339;--secondary:#157a8a;--accent:#f1c550;--navy:#24324a;--shadow:0 24px 55px #2c22181f;--shadow-soft:0 16px 30px #37271214;--shadow-paper:0 22px 42px #3425121a}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(90deg,#17203305 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#17203305 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 0 0,#f1c5505c,#0000 24%),radial-gradient(circle at 100% 0,#157a8a29,#0000 18%),linear-gradient(#fbf6ec 0%,#f6efe2 52%,#fcfaf5 100%);margin:0;font-family:SUIT Variable,Pretendard Variable,Apple SD Gothic Neo,sans-serif}.app-shell{max-width:1360px;margin:0 auto;padding:30px 24px 56px;position:relative}.app-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.header-copy{max-width:760px}.eyebrow,.section-label{color:#17203394;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem}.app-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,6vw,4.8rem);line-height:.96}.app-header p{color:var(--muted);margin:14px 0 0;font-size:1rem;line-height:1.75}.header-actions{justify-items:end;gap:14px;display:grid}.status-chip,.hero-badge,.subject-pill,.visibility-pill,.student-badge{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.status-chip{background:#ffffffb8;border:1px solid #17203314;min-height:42px;padding:0 16px;box-shadow:0 16px 30px #291d1214}.mode-switch{background:#ffffffbd;border:1px solid #17203314;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;display:inline-grid}.mode-button,.filter-chip,.primary-button,.secondary-button,.sheet-close{cursor:pointer;font:inherit;border:none}.mode-button,.filter-chip,.primary-button,.secondary-button,.sheet-close,.stat-card,.assignment-card,.wall-card,.desk-strip-card,.hero-note{transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s}.mode-button{min-width:124px;color:var(--muted);background:0 0;border-radius:18px;padding:12px 16px;font-weight:800}.mode-button.active{background:linear-gradient(135deg, var(--primary), #ff9068);color:#fff;box-shadow:0 14px 28px #ef6a4a47}.hero-card,.card,.composer-sheet{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.hero-card{background:radial-gradient(circle at 100% 0,#157a8a29,#0000 22%),radial-gradient(circle at 0 0,#f1c5503d,#0000 26%),linear-gradient(140deg,#ffffffe6,#fff8eee6);border-radius:36px;gap:26px;margin-bottom:24px;padding:34px;display:grid}.hero-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff75,#0000 28%),radial-gradient(circle at 90% 8%,#ffffff6b,#0000 16%);position:absolute;inset:0}.hero-copy{max-width:840px}.hero-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);align-items:start;gap:22px;display:grid}.hero-badge{min-height:34px;color:var(--secondary);background:#157a8a24;padding:0 14px}.hero-copy h2{letter-spacing:-.04em;margin:14px 0 12px;font-size:clamp(2rem,3vw,3rem);line-height:1.04}.hero-copy p{color:var(--muted);margin:0;line-height:1.82}.hero-board{gap:16px;display:grid}.hero-note,.desk-strip-card,.assignment-card,.wall-card,.stack-item{position:relative}.hero-note{border:1px solid var(--paper-border);min-height:142px;box-shadow:var(--shadow-soft);border-radius:24px;padding:18px 18px 20px}.hero-note:before,.desk-strip-card:before,.assignment-card:before,.wall-card:before,.stack-item:before{content:"";pointer-events:none;background:#ffffff6b;border:1px solid #ffffff42;border-radius:999px;width:58px;height:12px;position:absolute;top:12px;right:18px;transform:rotate(7deg)}.hero-note-primary{background:linear-gradient(#fffaf3fa,#ffefdff5);transform:rotate(-1deg)}.hero-note-secondary{background:linear-gradient(#f4fcfffa,#e3f6faf5);transform:rotate(1deg)}.hero-note-tertiary{background:linear-gradient(#fbf7fffa,#f2ebfaf5);transform:rotate(-.6deg)}.hero-note-label{color:#172033a3;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;display:inline-flex}.hero-note strong,.desk-strip-card strong{letter-spacing:-.03em;font-size:1.1rem;line-height:1.4;display:block}.hero-note p,.desk-strip-card p{color:var(--muted);margin:10px 0 0;line-height:1.68}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{min-height:148px;box-shadow:var(--shadow-soft);background:#ffffffc2;border:1px solid #17203314;border-radius:28px;padding:20px}.stat-card span{color:var(--muted);margin-bottom:10px;font-size:.9rem;display:block}.stat-card strong{margin-bottom:10px;font-size:2rem;line-height:1;display:block}.stat-card p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.stat-card.emphasis{background:linear-gradient(160deg,#ef6a4a29,#f1c5502e)}.desk-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.desk-strip-card{border:1px solid var(--paper-border);min-height:156px;box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff2,#f9f4ebeb);border-radius:28px;padding:22px}.desk-strip-card:nth-child(2){background:linear-gradient(#f4fcfff5,#ecf7faf0)}.desk-strip-card:nth-child(3){background:linear-gradient(#fff8f1f5,#ffefe0f0)}.desk-strip-card span{color:#1720339e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;display:inline-flex}.content-grid{grid-template-columns:minmax(0,2.1fr) minmax(320px,.95fr);align-items:start;gap:22px;display:grid}.main-column,.sidebar-column{gap:22px;display:grid}.card{background:var(--paper);border-radius:32px;padding:24px}.section-card{background:linear-gradient(#ffffffeb,#fffaf4e0)}.side-card{background:linear-gradient(#fffffff0,#f9f6efe6)}.assignment-section-card:after,.submission-wall-card:after,.side-card:after{content:"";background:linear-gradient(90deg,#ef6a4ab3,#f1c55099);height:5px;position:absolute;inset:0 0 auto}.teacher-console-card{background:linear-gradient(#fffffff5,#fcf5e9eb)}.new-assignment-card{background:linear-gradient(#f8fdfff5,#ebf6f9eb)}.student-profile-card{background:linear-gradient(160deg,#157a8a26,#fffffff7),linear-gradient(#ffffffeb,#f8f6f0eb)}.student-guide-card{background:linear-gradient(#fffcf7f7,#f7f0faeb)}.next-step-card{background:linear-gradient(#fffffff5,#fbf5eceb)}.section-head{border-bottom:1px solid #17203314;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-head h3{letter-spacing:-.03em;margin:0;font-size:1.34rem}.section-head span{color:var(--muted);font-size:.94rem}.section-head.compact{margin-bottom:14px}.assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.assignment-card{box-shadow:var(--shadow-paper);background:linear-gradient(#fffffffa,#faf6efeb);border:1px solid #17203314;border-radius:28px;gap:16px;padding:24px 22px 22px;display:grid}.assignment-top,.wall-card-top,.action-row,.composer-header,.composer-actions,.wall-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.subject-pill,.visibility-pill,.student-badge{min-height:30px;padding:0 12px;font-size:.82rem}.subject-social{color:var(--primary-deep);background:#ef6a4a1f}.subject-science{color:var(--secondary);background:#157a8a24}.subject-creative{color:#9a6d00;background:#f1c5502e}.subject-art{color:var(--primary-deep);background:#c6533921}.subject-language,.subject-default{color:var(--navy);background:#24324a1f}.visibility-pill.class{color:#23784c;background:#278b5b1f}.visibility-pill.teacher{color:var(--navy);background:#24324a1f}.student-badge{color:var(--navy);background:#ffffffc7;border:1px solid #17203314;box-shadow:inset 0 1px #ffffffa6}.assignment-card h4,.stack-item strong,.empty-state strong{letter-spacing:-.03em;margin:0;font-size:1.22rem}.assignment-summary,.teacher-note,.helper-copy,.stack-item p,.wall-card p,.reflection-copy,.submitted-at,.student-highlight span{color:var(--muted);margin:0;line-height:1.72}.meta-grid,.wall-meta,.field-row{gap:12px;display:grid}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.meta-item{background:#f8f6f0e6;border:1px solid #1720330f;border-radius:20px;min-height:92px;padding:14px}.meta-item span,.wall-meta span{color:var(--muted);margin-bottom:6px;font-size:.8rem;display:block}.meta-item strong,.wall-meta strong{font-size:.96rem;line-height:1.5;display:block}.meta-item small{color:var(--primary-deep);margin-top:8px;font-size:.8rem;font-weight:700;display:block}.teacher-note{color:var(--ink);background:#ef6a4a14;border:1px solid #ef6a4a14;border-radius:18px;padding:14px 16px}.action-row{align-items:flex-end}.action-row .helper-copy{flex:1;font-size:.92rem}.primary-button,.secondary-button,.filter-chip,.sheet-close{border-radius:18px;min-height:48px;padding:0 18px;font-weight:800}.primary-button{background:linear-gradient(135deg, var(--primary), #ff9366);color:#fff;box-shadow:0 16px 28px #ef6a4a38}.primary-button.full-width{width:100%}.primary-button.jumbo{min-height:64px;font-size:1.12rem}.primary-button:disabled{cursor:wait;opacity:.68;transform:none}.secondary-button,.filter-chip,.sheet-close{color:var(--navy);background:#fffc;border:1px solid #17203314}.filter-chip.active{color:var(--secondary);background:#157a8a1f;border-color:#157a8a2e}.mode-button:hover,.filter-chip:hover,.primary-button:hover,.secondary-button:hover,.sheet-close:hover{transform:translateY(-1px)}.primary-button:disabled:hover{transform:none}.assignment-card:hover,.wall-card:hover,.desk-strip-card:hover,.stat-card:hover{transform:translateY(-3px);box-shadow:0 26px 44px #2f210f24}.teacher-form,.stack-list{gap:14px;display:grid}.stack-item{background:#f8f6f0f0;border:1px solid #1720330f;border-radius:20px;padding:16px;box-shadow:0 12px 24px #2d21120d}label{color:var(--ink);gap:8px;font-weight:700;display:grid}input,textarea,select{width:100%;color:var(--ink);font:inherit;background:#ffffffeb;border:1px solid #1720331f;border-radius:18px;padding:14px 16px}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #157a8a38}textarea{resize:vertical;min-height:112px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-submit-card{background:linear-gradient(160deg,#157a8a26,#fffffff7),linear-gradient(#ffffffeb,#f8f6f0eb)}.art-rubric-section{background:radial-gradient(circle at 92% 12%,#ef6a4a24,#0000 22%),radial-gradient(circle at 8% 18%,#157a8a1f,#0000 20%),linear-gradient(#fffdf9f5,#f9f2e8eb);margin-bottom:24px}.art-rubric-section:after{content:"";background:linear-gradient(90deg,#c65339b8,#157a8a85,#f1c550a6);height:5px;position:absolute;inset:0 0 auto}.art-rubric-grid{grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);align-items:start;gap:20px;display:grid}.art-upload-panel,.art-result-panel,.rubric-list,.assessment-history{gap:14px;display:grid}.art-preview{background:linear-gradient(90deg,#17203307 1px,#0000 1px) 0 0/18px 18px,linear-gradient(#17203307 1px,#0000 1px) 0 0/18px 18px,#ffffffb8;border:1px solid #17203314;border-radius:26px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.art-preview img{object-fit:contain;background:#ffffffd6;width:100%;height:100%;max-height:520px}.art-preview-empty{text-align:center;color:var(--muted);gap:8px;display:grid}.art-preview-empty strong{color:var(--ink);font-size:1.16rem}.file-drop{cursor:pointer;background:#f4fcffcc;border:1px dashed #157a8a57;border-radius:22px;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.file-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-drop strong{font-size:1rem}.file-drop em{width:fit-content;min-height:42px;color:var(--secondary);background:#ffffffeb;border:1px solid #157a8a24;border-radius:16px;place-items:center;padding:0 16px;font-style:normal;font-weight:900;display:inline-grid}.file-drop span,.art-status-copy{color:var(--muted);font-size:.92rem}.rubric-item,.score-summary,.history-item{border:1px solid #17203314;box-shadow:0 14px 24px #2b1f1412}.rubric-item{background:#ffffffc2;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.rubric-item strong{margin-bottom:6px;font-size:1.02rem;display:block}.rubric-item p{color:var(--muted);margin:0;line-height:1.62}.rubric-item span{min-width:74px;min-height:48px;color:var(--primary-deep);background:#ef6a4a1f;border-radius:18px;place-items:center;font-weight:900;display:inline-grid}.score-summary{background:radial-gradient(circle at 100% 0,#f1c5503d,#0000 30%),linear-gradient(#ffffffe6,#fff7ebe6);border-radius:26px;gap:10px;padding:22px;display:grid}.score-summary span,.history-head span,.history-item span{color:var(--muted)}.score-summary>strong{letter-spacing:-.04em;font-size:2.8rem;line-height:1}.score-summary p{margin:0;line-height:1.72}.score-summary small{color:var(--primary-deep);font-weight:800;line-height:1.58}.history-head,.history-item{justify-content:space-between;align-items:center;gap:14px;display:flex}.history-head{padding:0 2px}.history-item{background:#ffffffb8;border-radius:20px;padding:14px}.history-item div{gap:4px;display:grid}.history-item b{min-width:48px;min-height:42px;color:var(--secondary);background:#157a8a1f;border-radius:16px;place-items:center;display:inline-grid}.student-highlight{background:#ffffffd6;border:1px solid #17203314;border-radius:22px;gap:6px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffffc7}.student-highlight strong{font-size:1.3rem}.wall-section{background:linear-gradient(#fffdf9f2,#f6eedff2),repeating-linear-gradient(90deg,#17203305 0 2px,#0000 2px 24px)}.wall-toolbar{flex-wrap:wrap;justify-content:flex-start;margin-bottom:18px}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.wall-card,.empty-state{border:1px solid #17203314;border-radius:26px;gap:14px;min-height:240px;padding:20px;display:grid;position:relative;box-shadow:0 18px 32px #2b1f141c}.wall-card{background:linear-gradient(#fffffff5,#fdf7e8f5)}.wall-card:nth-child(4n+1){background:linear-gradient(#fffbf0fa,#fff0d6fa);transform:rotate(-1deg)}.wall-card:nth-child(4n+2){background:linear-gradient(#f3fcfffa,#e1f6fafa);transform:rotate(1deg)}.wall-card:nth-child(4n+3){background:linear-gradient(#fffafffa,#f6ecfcfa);transform:rotate(-.5deg)}.wall-card:nth-child(4n+4){background:linear-gradient(#f9fff4fa,#ecf8e2fa);transform:rotate(1.2deg)}.wall-card strong{letter-spacing:-.03em;font-size:1.18rem;line-height:1.36}.wall-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.wall-link{min-height:42px;color:var(--navy);background:#ffffffb8;border:1px solid #17203314;border-radius:16px;justify-content:center;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffffb8}.reflection-copy{color:var(--ink)}.submitted-at{font-size:.84rem}.empty-state{text-align:center;background:#ffffffb8;place-items:center}.composer-backdrop{z-index:20;background:#11182766;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.composer-sheet{background:linear-gradient(#fffffff7,#faf4ecf2);border-radius:30px;width:min(760px,100%);max-height:min(90vh,900px);padding:24px;overflow:auto}.composer-header{align-items:flex-start;margin-bottom:16px}.composer-header h3{letter-spacing:-.03em;margin:0 0 8px;font-size:1.44rem}.composer-header span{color:var(--muted)}.sheet-close{flex-shrink:0}.composer-actions{justify-content:flex-end;margin-top:4px}@media (width<=1120px){.hero-layout,.desk-strip,.art-rubric-grid,.content-grid{grid-template-columns:1fr}.hero-stats,.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-header,.section-head,.action-row,.composer-header,.composer-actions{flex-direction:column;align-items:stretch}.header-actions{justify-items:stretch;width:100%}.mode-switch,.assignment-grid,.meta-grid,.hero-stats,.desk-strip,.art-rubric-grid,.field-row,.wall-grid,.wall-meta{grid-template-columns:1fr}.mode-button{min-width:0}.wall-card{transform:none}}@media (width<=560px){.app-shell{padding-inline:16px;padding-bottom:40px}.hero-card,.card,.composer-sheet{border-radius:26px;padding:20px}.app-header h1{font-size:2.5rem}.hero-note,.desk-strip-card,.art-preview{min-height:0}.art-preview{aspect-ratio:4/3}.primary-button,.secondary-button,.filter-chip,.sheet-close,.mode-button{min-height:46px}}@media (prefers-reduced-motion:reduce){.mode-button,.filter-chip,.primary-button,.secondary-button,.sheet-close,.stat-card,.assignment-card,.wall-card,.desk-strip-card,.hero-note{transition:none}}