@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#1a1c18;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ece7db;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}html{background:#ece7db;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2d62a3}#root{min-height:100vh}::selection{color:#fffdf5;background:#40413d}:root{--font-sans:Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-serif:"Gowun Batang", "Noto Serif KR", serif;--font-mono:"Space Mono", monospace;--ink:#20231e;--ink-soft:#5f645b;--paper:#fffdf1;--canvas:#e8e3d5;--line:#c6bfad;--line-dark:#7b8076;--office:#30483b;--office-dark:#1e3027;--office-light:#d7dfd5;--enamel:#d2d1c8;--enamel-dark:#a3a49d;--slot:#252925;--action:#b63b2f;--action-dark:#75241e;--action-soft:#f4ded7;--amber:#d49b38;--shadow:#292a242e}*{box-sizing:border-box}.app-shell{width:min(100%,640px);min-height:100svh;color:var(--ink);background:linear-gradient(90deg, #383b3308 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(#383b3308 1px, transparent 1px) 0 0 / 24px 24px, var(--canvas);margin:0 auto;overflow:hidden;box-shadow:0 0 44px #23241f29}.app-header{min-height:82px;padding:calc(16px + env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid var(--line);background:#fffdf1b8;justify-content:space-between;align-items:center;display:flex}.brand-mark{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark__badge{color:var(--paper);background:var(--office);font-family:var(--font-mono);letter-spacing:.12em;border-radius:2px;padding:5px 6px;font-size:8px;font-weight:700}.brand-mark__content{flex-direction:column;min-width:0;display:flex}.brand-mark__eyebrow{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;overflow:hidden}.brand-mark__name{font-family:var(--font-serif);letter-spacing:-.045em;white-space:nowrap;font-size:clamp(21px,5.7vw,27px);font-weight:700}.brand-mark--compact .brand-mark__badge,.brand-mark--compact .brand-mark__eyebrow{display:none}.brand-mark--compact .brand-mark__name{font-size:20px}.app-header__edition{color:var(--office);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;border-radius:2px;flex:none;padding:4px 7px;font-size:8px;font-weight:700}.app-shell main{min-height:calc(100svh - 136px)}.home-screen,.quiz-screen,.solved-screen{min-height:calc(100svh - 136px);padding:26px 18px 38px}.home-intro,.screen-heading,.result-heading{width:min(100%,500px);margin-inline:auto}.section-kicker,.screen-heading>p,.result-heading>p{color:var(--action);font-family:var(--font-mono);letter-spacing:.05em;margin:0 0 6px;font-size:10px;font-weight:700}.procedure-label{width:fit-content;color:var(--office);border:1px solid var(--line);font-family:var(--font-mono);background:#fffdf1ad;border-radius:2px;align-items:stretch;line-height:1;display:inline-flex;overflow:hidden}.procedure-label span,.procedure-label strong{letter-spacing:.06em;padding:6px 8px;font-size:8px}.procedure-label strong{color:var(--paper);background:var(--office);font-weight:700}.home-intro h1,.screen-heading h1,.result-heading h1{font-family:var(--font-serif);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(29px,8vw,42px);line-height:1.15}.home-intro>p:last-child{color:var(--ink-soft);margin:8px 0 0;font-size:14px;line-height:1.55}.streak-badge{width:min(100%,500px);min-height:52px;color:var(--office-dark);border-block:1px solid var(--line);background:#fffdf194;grid-template-columns:34px 1fr;align-items:center;gap:10px;margin:18px auto;padding:8px 12px;display:grid}.streak-badge__medal{width:32px;height:32px;color:var(--paper);background:var(--office);border-radius:50%;place-items:center;display:grid}.streak-badge__star{font-size:13px}.streak-badge__info{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.streak-badge__progress{grid-column:1/-1;gap:4px;display:flex}.streak-badge__progress span{color:#989b93;width:19px;height:15px;font-family:var(--font-mono);border:1px dashed #adafa7;border-radius:50%;place-items:center;font-size:6px;line-height:1;display:grid;transform:rotate(-3deg)}.streak-badge__progress span.is-earned{color:var(--action);background:#b63b2f12;border:1px solid}.streak-badge__header{min-width:0;color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.05em;flex-direction:column;gap:1px;font-size:8px;display:flex}.streak-badge__title{width:max-content;color:var(--office);font-family:var(--font-sans);font-size:10px;font-weight:700}.streak-badge strong{color:var(--office);font-family:var(--font-serif);letter-spacing:-.03em;font-size:20px}.vending-console,.printing-machine{background:radial-gradient(circle at 12% 18%, #484b4414 0 1px, transparent 1.5px), linear-gradient(104deg, transparent 0 46%, #484b440a 46.2% 46.5%, transparent 46.7%), linear-gradient(90deg, #ffffff52, transparent 24%, #00000008 70%), var(--enamel);border:1px solid var(--line-dark);width:min(100%,470px);box-shadow:inset 0 1px 0 #ffffffbf, 0 12px 28px var(--shadow);background-size:53px 47px,100% 100%,auto,auto;border-radius:5px;margin-inline:auto;position:relative}.vending-console{padding:36px 24px 24px}.machine-bolt{background:var(--enamel-dark);border:1px solid #777a74;border-radius:50%;width:9px;height:9px;position:absolute}.machine-bolt:after{content:"";background:#696b65;width:5px;height:1px;position:absolute;top:3px;left:1px;transform:rotate(-30deg)}.machine-bolt--top-left{top:11px;left:11px}.machine-bolt--top-right{top:11px;right:11px}.machine-bolt--bottom-left{bottom:11px;left:11px}.machine-bolt--bottom-right{bottom:11px;right:11px}.vending-console__speaker-grill{justify-content:center;gap:6px;height:5px;margin:0 auto 14px;display:flex}.vending-console__speaker-grill span{background:#858780;width:24px;height:2px}.vending-console__vfd-screen{color:#dbe9d9;background:var(--office-dark);border:2px solid #737870;border-radius:3px;margin-bottom:18px;padding:12px 14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000061}.vfd-screen__glow{pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#ffffff05 3px 4px);position:absolute;inset:0}.vfd-screen__status-indicator{color:#b9cab8;font-family:var(--font-mono);letter-spacing:.1em;align-items:center;gap:7px;font-size:8px;display:flex}.vfd-dot{background:#c8dc9a;border-radius:50%;width:6px;height:6px}.vfd-screen__display{justify-content:space-between;align-items:end;margin-top:7px;display:flex}.vfd-screen__sub{color:#aebcaf;font-size:10px}.vfd-screen__main{color:var(--paper);font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.draw-button-wrapper{background:#8a8d86;border:1px solid #747770;border-radius:4px;padding:4px;box-shadow:inset 0 2px 4px #0000002e}.draw-button{width:100%;min-height:72px;color:var(--paper);background:var(--action);border:1px solid var(--action-dark);box-shadow:0 4px 0 var(--action-dark);cursor:pointer;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;padding:13px 20px 11px;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out;display:flex;position:relative}.draw-button:hover{background:#c24639}.draw-button:active{box-shadow:0 1px 0 var(--action-dark);transform:translateY(3px)}.draw-button__lamp{background:#f5cb72;border-radius:4px;width:22px;height:3px;position:absolute;top:8px}.draw-button>span{font-size:16px;font-weight:800}.draw-button small{color:#f3d9d3;font-family:var(--font-mono);letter-spacing:.12em;margin-top:2px;font-size:8px}.vending-console__slot-area{text-align:center;margin-top:18px}.vending-console__slot,.printing-machine__slot{background:var(--slot);border:2px solid #73766f;border-radius:3px;position:relative;box-shadow:inset 0 5px 7px #0000008c}.vending-console__slot{height:24px;padding:7px 10px}.slot-roller,.slot-line{background:#111310;border-radius:3px;height:4px;display:block}.slot-label{color:#686d65;font-family:var(--font-mono);letter-spacing:.14em;margin-top:5px;font-size:7px;display:block}.home-screen__footnote{color:var(--ink-soft);text-align:center;margin:16px 0 0;font-size:11px}.printing-screen{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 136px);padding:28px 18px 42px;display:flex}.printing-screen>.procedure-label{background:0 0;border:0;width:min(100%,470px);margin:0 auto 12px}.printing-screen>.procedure-label span{padding-left:0}.printing-machine{height:340px;padding-top:58px}.printing-machine__label{color:#6d7169;font-family:var(--font-mono);letter-spacing:.12em;white-space:nowrap;font-size:8px;position:absolute;top:21px;left:50%;transform:translate(-50%)}.printing-machine__slot{z-index:2;width:84%;height:30px;margin:0 auto;padding:10px 12px}.printing-machine__paper-viewport{z-index:1;will-change:clip-path, transform;height:250px;margin-top:-9px;animation:1.45s linear both print-paper;position:relative;overflow:hidden}.printing-machine__paper{text-align:center;background:var(--paper);width:68%;min-height:245px;box-shadow:0 8px 20px var(--shadow);border-inline:1px solid #d8d1bd;margin:0 auto;padding:38px 20px 24px;position:absolute;inset:0 0 auto}.paper-header-stub{color:var(--office);font-family:var(--font-mono);margin-bottom:10px;font-size:8px}.paper-title{font-family:var(--font-serif);margin-bottom:24px;font-size:18px;font-weight:700;display:block}.paper-skeleton i{background:#ded8c8;width:78%;height:4px;margin:13px auto;display:block}.paper-skeleton i:nth-child(2){width:58%}.paper-skeleton i:nth-child(3){width:68%}.printing-status{align-items:center;gap:12px;width:min(100%,470px);margin-top:24px;display:flex}.printing-status__light{background:var(--action);border-radius:50%;flex:none;width:9px;height:9px;animation:.55s ease-in-out infinite alternate status-pulse}.printing-status h1{font-family:var(--font-serif);letter-spacing:-.03em;margin:0;font-size:21px}.printing-status p{color:var(--ink-soft);margin:3px 0 0;font-size:12px}.quiz-screen,.solved-screen{padding-top:22px}.screen-heading,.result-heading{justify-content:space-between;align-items:baseline;display:flex}.screen-heading>p,.result-heading>p{order:2;margin:0;font-size:8px}.screen-heading h1,.result-heading h1{order:1;font-size:clamp(25px,7vw,34px)}.quiz-screen .streak-badge,.solved-screen .streak-badge{margin-block:12px 18px}.joke-paper{width:min(100%,500px);color:var(--ink);background:radial-gradient(circle at 18% 27%, #615b480a 0 1px, transparent 1.5px), radial-gradient(circle at 76% 62%, #615b4808 0 1px, transparent 1.5px), repeating-linear-gradient(0deg, transparent 0 3px, #2e302904 3px 4px), var(--paper);box-shadow:0 8px 22px var(--shadow);background-size:37px 43px,51px 47px,auto,auto;margin:0 auto 22px;padding:28px 24px 30px;animation:.32s cubic-bezier(.16,1,.3,1) both paper-arrive;position:relative}.joke-paper__cut-top,.joke-paper__cut-bottom{background:var(--paper);height:7px;position:absolute;left:1px;right:1px}.joke-paper__cut-top{clip-path:polygon(0 100%,0 58%,2.5% 34%,5% 72%,7.5% 25%,10% 63%,12.5% 39%,15% 78%,17.5% 30%,20% 68%,22.5% 42%,25% 74%,27.5% 28%,30% 61%,32.5% 36%,35% 70%,37.5% 24%,40% 66%,42.5% 40%,45% 76%,47.5% 31%,50% 64%,52.5% 25%,55% 71%,57.5% 37%,60% 79%,62.5% 29%,65% 67%,67.5% 43%,70% 73%,72.5% 26%,75% 62%,77.5% 35%,80% 69%,82.5% 23%,85% 75%,87.5% 41%,90% 65%,92.5% 30%,95% 72%,97.5% 38%,100% 60%,100% 100%);filter:drop-shadow(0 -1px #5652462e);top:-6px}.joke-paper__cut-bottom{clip-path:polygon(0 0,100% 0,100% 42%,97.5% 70%,95% 36%,92.5% 76%,90% 45%,87.5% 68%,85% 31%,82.5% 73%,80% 40%,77.5% 78%,75% 34%,72.5% 66%,70% 28%,67.5% 72%,65% 43%,62.5% 77%,60% 35%,57.5% 69%,55% 30%,52.5% 74%,50% 39%,47.5% 79%,45% 33%,42.5% 67%,40% 27%,37.5% 75%,35% 41%,32.5% 70%,30% 32%,27.5% 76%,25% 37%,22.5% 65%,20% 29%,17.5% 73%,15% 44%,12.5% 78%,10% 34%,7.5% 68%,5% 30%,2.5% 72%,0 46%);filter:drop-shadow(0 1px #5652462e);bottom:-6px}.joke-paper__header{text-align:left;position:relative}.joke-paper__dept-stamp{color:var(--action);font-family:var(--font-mono);border:1px solid;padding:3px 5px;font-size:8px;font-weight:700;position:absolute;top:-2px;right:0;transform:rotate(5deg)}.joke-paper__masthead{font-family:var(--font-serif);letter-spacing:-.03em;font-size:18px;font-weight:700}.joke-paper__serial{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.08em;margin-top:3px;font-size:7px}.paper-rule{height:1px;margin:14px 0}.paper-rule--dashed{background:repeating-linear-gradient(90deg,#aaa493 0 5px,#0000 5px 9px)}.joke-paper__label{color:var(--action);font-family:var(--font-mono);margin:0 0 6px;font-size:9px;font-weight:700}.joke-paper__question{font-family:var(--font-serif);letter-spacing:-.045em;word-break:keep-all;margin:0;font-size:clamp(24px,6.5vw,30px);font-weight:700;line-height:1.32}.joke-paper__blank{color:var(--ink-soft);align-items:center;gap:12px;margin-top:20px;font-size:11px;display:flex}.joke-paper__blank i{background:repeating-linear-gradient(90deg,#aaa493 0 6px,#0000 6px 10px);flex:1;height:1px}.answer-slip{border-left:3px solid var(--action);background:#f3ead5;margin-top:16px;padding:12px 14px}.answer-slip>span{color:var(--action);font-family:var(--font-mono);font-size:8px;font-weight:700;display:block}.answer-slip strong{font-family:var(--font-serif);margin-top:3px;font-size:24px;display:block}.answer-slip p{color:#55594f;margin:5px 0 0;font-size:12px;line-height:1.5}.joke-paper__meta{color:var(--ink-soft);font-family:var(--font-mono);justify-content:space-between;font-size:7px;display:flex}.joke-paper__barcode-wrap{text-align:center;margin-top:15px}.joke-paper__barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 1px, transparent 1px 3px, var(--ink) 3px 5px, transparent 5px 8px);opacity:.7;width:54%;height:20px;margin:0 auto}.joke-paper__barcode-num{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.12em;margin-top:3px;font-size:7px;display:block}.quiz-screen .joke-paper{margin-bottom:16px;padding-bottom:20px}.quiz-screen .joke-paper__meta,.quiz-screen .joke-paper__barcode-wrap{display:none}.quiz-screen .joke-paper .paper-rule:last-of-type{margin-bottom:0}.answer-form{border:1px solid var(--line);background:#fffdf1c7;width:min(100%,500px);margin:0 auto;padding:14px;box-shadow:0 5px 14px #2a2b2514}.answer-form>label{color:var(--office);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.answer-form__row{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.answer-form__row input{min-width:0;height:48px;color:var(--ink);border:1px solid var(--line-dark);background:#fffefa;border-radius:3px;outline:none;padding:0 13px;font-size:16px;transition:border-color .14s ease-out,box-shadow .14s ease-out}.answer-form__row input:focus{border-color:var(--action);box-shadow:0 0 0 3px #b63b2f24}.submit-button,.primary-action,.secondary-action{cursor:pointer;border-radius:3px;min-height:48px;font-weight:800;transition:transform .12s ease-out,background .12s ease-out}.submit-button{color:var(--paper);background:var(--action);border:1px solid var(--action-dark);padding:0 16px}.submit-button:active,.primary-action:active,.secondary-action:active{transform:translateY(1px)}.answer-feedback{min-height:18px;color:var(--action);margin:7px 0 0;font-size:11px;font-weight:700;line-height:1.4}.answer-feedback-row{align-items:center;gap:8px;min-height:31px;display:flex}.answer-feedback__stamp{color:var(--action);font-family:var(--font-mono);letter-spacing:.04em;border:2px double;border-radius:2px;flex:none;padding:3px 5px;font-size:8px;font-weight:700;animation:.28s cubic-bezier(.16,1,.3,1) both correction-in;transform:rotate(-5deg)}.answer-form--needs-review{border-color:#b63b2f73}.reveal-button{min-height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0;font-size:11px}.celebration{border:1px solid var(--line);background:#fffdf1b8;align-items:center;width:min(100%,500px);min-height:90px;margin:0 auto 18px;padding:15px 16px 15px 96px;display:grid;position:relative}.celebration--approved{border-color:#c98b81}.celebration--quiet{color:#e6e5dc;background:var(--office);border-color:var(--office-dark)}.celebration__stamp{width:68px;height:68px;color:var(--action);border:3px double;border-radius:50%;place-items:center;animation:.38s cubic-bezier(.16,1,.3,1) both stamp-in;display:grid;position:absolute;top:50%;left:13px;transform:translateY(-50%)rotate(-9deg)}.celebration--quiet .celebration__stamp{color:#c3cec2}.stamp-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.stamp-org,.stamp-date{font-family:var(--font-mono);font-size:6px}.stamp-status{font-family:var(--font-serif);font-size:17px;font-weight:700;line-height:1.1}.celebration__content{flex-direction:column;gap:4px;display:flex}.celebration__kicker{color:var(--action);font-family:var(--font-mono);font-size:8px;font-weight:700}.celebration--quiet .celebration__kicker{color:#bac8b8}.celebration__content strong{font-family:var(--font-serif);font-size:17px;line-height:1.35}.result-actions{grid-template-columns:1fr .72fr;gap:8px;width:min(100%,500px);margin:0 auto;display:grid}.primary-action{color:var(--paper);background:var(--action);border:1px solid var(--action-dark)}.secondary-action{color:var(--office);border:1px solid var(--office);background:#fffdf1cc}.secondary-action:disabled{cursor:wait;opacity:.6}.app-footer{min-height:54px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));color:#767b72;border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.04em;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}@keyframes print-paper{0%{clip-path:inset(0 0 100%);transform:translateY(-16px)}20%{clip-path:inset(0 0 78%);transform:translateY(-10px)}31%{clip-path:inset(0 0 78%);transform:translateY(-10px)}58%{clip-path:inset(0 0 42%);transform:translateY(-4px)}69%{clip-path:inset(0 0 42%);transform:translateY(-4px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes paper-arrive{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{0%{opacity:0;transform:translateY(-50%)rotate(-18deg)scale(1.4)}to{opacity:1;transform:translateY(-50%)rotate(-9deg)scale(1)}}@keyframes correction-in{0%{opacity:0;transform:rotate(-11deg)scale(1.25)}to{opacity:1;transform:rotate(-5deg)scale(1)}}@keyframes status-pulse{0%{opacity:.35}to{opacity:1}}@media (width<=430px){.app-header{min-height:72px;padding-inline:16px}.brand-mark__badge{display:none}.brand-mark__name{font-size:21px}.home-screen,.quiz-screen,.solved-screen{padding-inline:16px}.home-screen{padding-top:22px}.home-intro h1{font-size:31px}.vending-console{padding:32px 18px 20px}.screen-heading,.result-heading{display:block}.screen-heading>p,.result-heading>p{margin-bottom:3px}.screen-heading .procedure-label,.result-heading .procedure-label{display:inline-flex}.screen-heading h1,.result-heading h1{font-size:27px}.quiz-screen .streak-badge,.solved-screen .streak-badge{min-height:44px;margin-block:9px 14px;padding-block:5px}.quiz-screen .streak-badge__medal,.solved-screen .streak-badge__medal{width:28px;height:28px}.joke-paper{padding-inline:20px}.solved-screen .joke-paper{margin-bottom:14px;padding-block:22px 20px}.solved-screen .paper-rule{margin-block:10px}.solved-screen .joke-paper__barcode-wrap{margin-top:10px}.solved-screen .joke-paper__barcode{height:15px}.solved-screen .celebration{min-height:82px;margin-bottom:14px}.quiz-screen .joke-paper{padding-top:22px}.quiz-screen .joke-paper__masthead{font-size:16px}.quiz-screen .paper-rule{margin-block:10px}.quiz-screen .joke-paper__question{font-size:24px}.answer-form{padding:12px}.answer-form__row{grid-template-columns:minmax(0,1fr) 88px}.submit-button{padding-inline:10px;font-size:13px}.result-actions{grid-template-columns:1fr}}@media (width>=700px){.app-shell{border:1px solid var(--line);min-height:calc(100svh - 48px);margin-block:24px}.home-screen,.quiz-screen,.solved-screen{padding-inline:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app-shell.is-shaking{animation:.28s cubic-bezier(.36,.07,.19,.97) both screen-shake}@keyframes screen-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px,-1px)}30%,50%,70%{transform:translate(-4px,2px)}40%,60%{transform:translate(4px,-2px)}}.celebration__stamp{overflow:visible}.stamp-shockwave{border:2px solid var(--action);pointer-events:none;border-radius:50%;animation:.6s cubic-bezier(.1,.8,.3,1) forwards shockwave;position:absolute;inset:-6px}@keyframes shockwave{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}.revival-banner{color:#631710;border:2px dashed var(--action);background:#fde8e5;border-radius:4px;margin:12px 0;padding:12px 14px;animation:1.2s ease-in-out infinite alternate pulse-border}.revival-banner__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.revival-banner__tag{color:var(--paper);background:var(--action);font-family:var(--font-mono);border-radius:2px;padding:2px 6px;font-size:8px;font-weight:700}.revival-banner__title{font-family:var(--font-serif);font-size:14px;font-weight:700}.revival-banner__hint{color:#3b2a0c;font-family:var(--font-mono);letter-spacing:.12em;text-align:center;background:#fdf5d6;border:1px solid #e0c878;border-radius:3px;margin-top:6px;padding:8px 10px;font-size:13px;font-weight:700}@keyframes pulse-border{0%{border-color:var(--action);box-shadow:0 0 #b63b2f00}to{border-color:#e52b1b;box-shadow:0 0 10px #b63b2f59}}.collection-button{color:var(--office-dark);border:1px solid var(--line);font-family:var(--font-mono);cursor:pointer;background:#fffdf1d9;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:700;transition:background .14s ease-out,border-color .14s ease-out;display:inline-flex}.collection-button:hover{border-color:var(--office);background:#fff8e8}.collection-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141612a6;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}.collection-modal{background:var(--paper);border:2px solid var(--line-dark);border-radius:6px;flex-direction:column;width:min(100%,540px);max-height:82vh;padding:24px 20px;animation:.22s cubic-bezier(.16,1,.3,1) scale-up;display:flex;position:relative;box-shadow:0 16px 40px #0000004d}.collection-modal__header{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.collection-modal__title{font-family:var(--font-serif);margin:0;font-size:20px;font-weight:700}.collection-modal__close{color:var(--ink-soft);border:1px solid var(--line);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:3px;padding:4px 8px;font-size:11px}.collection-progress-bar{background:#e2dccb;border-radius:4px;height:8px;margin:12px 0 16px;overflow:hidden}.collection-progress-fill{background:linear-gradient(90deg, var(--office), #4e7861);height:100%;transition:width .3s ease-out}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding-right:4px;display:grid;overflow-y:auto}.collection-item{border:1px solid var(--line);background:#fffdf1cc;border-radius:4px;padding:10px 12px;font-size:12px}.collection-item--solved{border-color:var(--office-light);background:#f4f7f2}.collection-item--solved strong{color:var(--office)}.collection-item--locked{color:#8c8f87;background:#eee9dc}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}