@charset "UTF-8";*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:rgb(254,254,242);color:#f5f3ee}button,input{font:inherit}.app-shell{min-height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center}.page-frame{width:min(1100px,100%)}.blackout-overlay{position:fixed;inset:0;background:transparent;pointer-events:none;z-index:10}.attendance-shell{display:flex;align-items:center;justify-content:center;min-height:80vh}.attendance-shell.bright{background:linear-gradient(180deg,rgb(254,254,242) 0%,rgb(254.7285714286,254.7285714286,251.4714285714) 100%);padding:3rem 1rem;position:relative;overflow:hidden}.attendance-shell.bright:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,143,174,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.attendance-shell.bright:after{content:"";position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,200,210,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.attendance-shell.bright>*{position:relative;z-index:1}.attendance-music-decor{position:absolute;color:#32323233;pointer-events:none;z-index:1}.attendance-music-decor-1{top:8%;right:8%;width:70px;height:70px;animation:float 3s ease-in-out infinite}.attendance-music-decor-3{top:-48%;width:65px;height:65px;animation:float 8s ease-in-out infinite .5s}.attendance-music-decor-4{top:20%;right:-12%;width:55px;height:55px;animation:float 3.5s ease-in-out infinite 1.5s}.attendance-music-decor-5{bottom:-48%;right:25%;width:45px;height:60px;animation:float 3.5s ease-in-out infinite 5s}.attendance-music-decor-6{bottom:-41%;left:65%;width:50px;height:50px;animation:float 7s ease-in-out infinite 1s}.attendance-music-decor-7{bottom:-22%;right:75%;width:70px;height:20px;animation:float 2.5s ease-in-out infinite 2s}.attendance-music-decor-8{top:-37%;right:30%;width:60px;height:60px;animation:float 2.5s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.attendance-shell.bright .attendance-card{width:min(520px,100%);padding:2rem 2.25rem;border-radius:28px;border:1px solid rgba(255,157,179,.18);background:linear-gradient(180deg,#ffffff,#fff7fb);box-shadow:0 18px 45px #0000000f;backdrop-filter:blur(6px);color:#262626}.attendance-shell.bright .attendance-card h1{color:#ff9fb3}.attendance-shell.bright .attendance-card p{color:#262626b3}.question-card{display:flex;flex-direction:column;gap:1rem;align-items:center}.question-actions{display:flex;gap:1rem;align-items:center;justify-content:center;position:relative;width:100%;margin-top:.5rem}.question-card h2{margin:0;font-size:1.25rem;color:#262626}.affirm{margin-top:.75rem;padding:.8rem 1rem;background:rgba(255,230,230,.9);color:#262626;border-radius:12px;font-weight:700}.hint{margin-top:.6rem;font-size:.86rem;color:#262626a8}.primary{padding:.9rem 1.4rem;border-radius:12px;border:none;background:linear-gradient(180deg,#ff9fb3,rgb(255,128.4,154.775));color:#fff;font-weight:700;cursor:pointer}.ghost{padding:.75rem 1.2rem;border-radius:12px;border:1px solid rgba(0,0,0,.06);background:transparent;color:#262626;cursor:pointer}.no-button{transition:transform .12s ease}.video-stage{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(0,0,0,.95);padding:0}.video-overlay{position:absolute;inset:0;background:rgba(0,0,0,.9);pointer-events:none}.video-player{width:100vw;height:100vh;object-fit:cover;border:none;border-radius:0;display:block}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.attendance-shell.bright .attendance-form input{background:#fff;border:1px solid rgba(255,157,179,.22);color:#262626}.attendance-shell.bright .attendance-form input:focus{border-color:#ff9fb3;box-shadow:0 0 0 6px #ff9fb314}.attendance-shell.bright .attendance-form button{background:#ff9fb3;color:#fff;box-shadow:0 8px 24px #ff9db32e}.attendance-shell.bright .attendance-error{background:rgba(255,100,120,.08);border:1px solid rgba(255,100,120,.14);color:#b0303a}.attendance-card{width:min(520px,100%);padding:2rem 2.25rem;border:1px solid rgba(212,175,104,.22);border-radius:28px;background:rgba(15,20,34,.92);box-shadow:0 30px 70px #00000073;backdrop-filter:blur(18px)}.attendance-card h1{margin:0 0 .75rem;font-size:clamp(1.7rem,2.4vw,2.3rem);letter-spacing:-.03em;color:#d4af68}.attendance-card p{margin:0 0 1.8rem;color:#f5f3eecc;line-height:1.75}.attendance-form{display:grid;gap:1rem}.attendance-form label{display:grid;gap:.55rem;color:#f5f3eed9;font-size:.98rem}.attendance-form input{width:100%;padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#f5f3ee;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.attendance-form input:focus{border-color:#d4af68d9;box-shadow:0 0 0 4px #d4af6814}.attendance-form button{width:100%;margin-top:.25rem;padding:1rem 1.1rem;border:none;border-radius:16px;color:#0b0f19;background:#d4af68;cursor:pointer;font-weight:700;letter-spacing:.02em;transition:transform .2s ease,filter .2s ease}.attendance-form button:hover{transform:translateY(-1px);filter:brightness(1.05)}.attendance-error{color:#f76a6a;padding:.9rem 1rem;border-radius:14px;background:rgba(247,106,106,.12);border:1px solid rgba(247,106,106,.18)}.proposal-shell{min-height:100vh;display:grid;gap:2.5rem;padding-bottom:4rem}.proposal-header{text-align:center;display:grid;gap:.7rem}.proposal-header span{color:#d4af68e6;text-transform:uppercase;letter-spacing:.32em;font-size:.85rem}.proposal-header h2{margin:0;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.02}.video-section{display:flex;justify-content:center}.video-frame{position:relative;width:100%;max-width:980px;aspect-ratio:16/9;border-radius:28px;overflow:hidden;box-shadow:0 35px 120px #00000073;border:1px solid rgba(212,175,104,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.video-start-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.7);z-index:2}.video-start-overlay button{padding:1rem 1.6rem;border:none;border-radius:999px;background:rgba(255,215,0,.95);color:#0b0f19;font-weight:700;cursor:pointer;box-shadow:0 20px 45px #00000047}.letter-section{display:flex;justify-content:center}.letter-card{width:min(860px,100%);padding:2rem 2.2rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(12,15,28,.9);box-shadow:0 30px 70px #00000073;backdrop-filter:blur(18px)}.letter-card p{margin:0;white-space:pre-wrap;word-break:keep-all;line-height:1.9;letter-spacing:.02em;font-size:1.08rem;color:#f5f3eeeb}.letter-signature{margin-top:1.8rem;text-align:right;color:#d4af68e0;font-size:1rem;letter-spacing:.08em}@media (max-width: 720px){.app-shell{padding:1.4rem}.attendance-shell.bright{background:linear-gradient(180deg,rgb(254,254,252) 0%,white 60%);padding:3rem 1rem}.attendance-shell.bright .attendance-card{width:min(520px,100%);padding:2rem 2.25rem;border-radius:28px;border:1px solid rgba(255,200,210,.25);background:linear-gradient(180deg,#ffffff,#fff9fb);box-shadow:0 18px 45px #0000000f;backdrop-filter:blur(6px);color:#262626}.attendance-shell.bright .attendance-card h1{color:#262626}.attendance-shell.bright .attendance-card p{color:#262626a8}.attendance-shell.bright .attendance-form input{background:#fff;border:1px solid rgba(200,170,180,.22);color:#262626}.attendance-shell.bright .attendance-form input:focus{border-color:#ff9fb3;box-shadow:0 0 0 6px #ff9fb30f}.attendance-shell.bright .attendance-form button{background:rgb(254,254,252);color:#262626;font-weight:800;box-shadow:0 12px 30px #ffc8dc1f}.attendance-shell.bright .attendance-error{background:rgba(255,100,120,.06);border:1px solid rgba(255,100,120,.1);color:#8b2b2b}}