:root{--color-bg:#f5f5f0;--color-text:#57534e;--color-white:#fff;--color-border-card:#fcd34d;--color-border-header:#fde68a;--color-stamp-border:#e5e7eb;--color-stamp-bg:#f9fafb;--color-stamp-hover:#fca5a5;--color-stamp-active:#f87171;--color-stamp-active-bg:#fef2f2;--color-stamp-icon:#ef4444;--color-stamp-focus:#f97316;--print-stamp-border-width:3px;--print-stamp-font-size:clamp(14pt, 4vw, 24pt);--print-goal-font-size:9pt;--color-goal-border:#fcd34d;--color-goal-bg:#fffbeb;--color-goal-text:#f59e0b;--color-reward-bg:#fff7ed;--color-reward-border:#fed7aa;--color-toast-success:#10b981;--color-toast-info:#3b82f6;--font-family:"Zen Maru Gothic", sans-serif;--card-padding:40px;--card-border-width:8px;--card-border-radius:20px;--transition-fast:.2s ease;--transition-normal:.3s ease}.theme-night{--color-bg:#1c1917;--color-text:#e7e5e4;--color-white:#292524;--color-border-card:#d97706;--color-border-header:#78350f;--color-stamp-border:#44403c;--color-stamp-bg:#1c1917;--color-stamp-hover:#7f1d1d;--color-stamp-active:#ef4444;--color-stamp-active-bg:#450a0a;--color-goal-border:#d97706;--color-goal-bg:#451a03;--color-goal-text:#fbbf24;--color-reward-bg:#292524;--color-reward-border:#78350f}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23E6E6DC' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;height:100dvh;display:flex;overflow:hidden}#quest-count{background:0 0;height:44px}#quest-count::-webkit-slider-runnable-track{background:#e7e5e4;border-radius:999px;height:8px}#quest-count::-moz-range-track{background:#e7e5e4;border-radius:999px;height:8px}#share-with-progress,#print-with-stamps{appearance:none;cursor:pointer;background:0 0;border:0;flex:0 0 44px;place-content:center;margin:-14px -8px -14px -14px;display:grid;width:44px!important;height:44px!important}#share-with-progress:before,#print-with-stamps:before{content:"";width:16px;height:16px;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:2px solid #fb923c;border-radius:4px}#share-with-progress:checked:before,#print-with-stamps:checked:before{background:#f97316;box-shadow:inset 0 0 0 3px #fff}#share-with-progress:focus-visible,#print-with-stamps:focus-visible{outline-offset:-8px;outline:3px solid #fdba74}.quest-card{aspect-ratio:1.414;background:var(--color-white);border:var(--card-border-width) solid var(--color-border-card);border-radius:var(--card-border-radius);width:100%;max-width:700px;padding:var(--card-padding);transition:transform var(--transition-normal);flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (width<=767px){input,textarea,select{font-size:16px!important}.quest-container{min-height:min(92dvh,720px);overflow:auto}.quest-card{--card-padding:20px;--card-border-width:5px;transform-origin:top}.quest-header{margin-bottom:12px;padding-bottom:10px}.stamp-grid{gap:8px}.reward-area{margin-top:14px;padding:10px 12px}}.quest-header{text-align:center;border-bottom:3px dashed var(--color-border-header);flex-shrink:0;margin-bottom:20px;padding-bottom:15px}.stamp-grid-container{flex-grow:1;justify-content:center;align-items:center;display:flex}.stamp-grid{gap:15px;width:100%;display:grid}.stamp-spot{appearance:none;aspect-ratio:1;border:3px dashed var(--color-stamp-border);color:var(--color-stamp-border);cursor:pointer;background-color:var(--color-stamp-bg);-webkit-user-select:none;user-select:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;font-size:1.2rem;font-weight:900;line-height:1;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.stamp-number{z-index:10;position:relative}.stamp-spot:hover{border-color:var(--color-stamp-hover);color:var(--color-stamp-hover);transform:scale(1.05)}.stamp-spot:focus-visible{box-shadow:0 0 0 3px var(--color-stamp-focus);border-color:var(--color-stamp-focus);outline:none}.stamp-spot:active{transform:scale(.95)}.stamp-spot.stamped{border:3px solid var(--color-stamp-active);background-color:var(--color-stamp-active-bg);color:#0000;animation:.6s cubic-bezier(.25,.8,.25,1.25) stamp-jelly}.stamp-mark{color:var(--color-stamp-icon);z-index:20;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.hanamaru-icon{width:70%;height:70%}.stamp-spot.stamped .stamp-mark{display:flex}@keyframes stamp-jelly{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.25,.75)}55%{transform:scale(.85,1.15)}70%{transform:scale(1.1,.9)}85%{transform:scale(.95,1.05)}to{transform:scale(1)}}.stamp-spot.goal{border-color:var(--color-goal-border);background-color:var(--color-goal-bg)}.stamp-spot.goal:after{content:"GOAL";color:var(--color-goal-text);letter-spacing:.05em;font-size:12px;font-weight:900;position:absolute;bottom:-22px}.reward-area{background-color:var(--color-reward-bg);border:2px solid var(--color-reward-border);border-radius:15px;flex-shrink:0;align-items:center;gap:15px;margin-top:20px;padding:15px 20px;display:flex}.skip-link{color:#fff;z-index:100;transition:top var(--transition-fast);background:#000;border-radius:0 0 4px;padding:8px 16px;font-weight:700;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}#toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:var(--color-white);transition:opacity var(--transition-normal), transform var(--transition-normal);border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;animation:.3s ease-out toast-in;display:flex;box-shadow:0 4px 12px #00000026}.toast.success{background-color:var(--color-toast-success)}.toast.info{background-color:var(--color-toast-info)}.toast.toast-exit{opacity:0;transform:translate(100%)}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{margin:5mm;size:auto}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;width:100%;height:100%;min-height:100%;margin:0;padding:0;overflow:visible}.no-print{display:none!important}main{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;padding:0!important;overflow:visible!important}.quest-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;background:0 0!important;padding:0!important;overflow:visible!important}.quest-card{box-shadow:none;aspect-ratio:1.414;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;page-break-after:avoid;border-width:3px;border-radius:8px;flex-direction:column;justify-content:center;width:min(100%,141.4vh);max-width:100%;height:auto;max-height:100%;margin:0;padding:15px;display:flex;transform:none!important}.quest-header{text-align:center;border-bottom-width:2px;flex:none;margin-bottom:1vh;padding-bottom:.5vh}.stamp-grid-container{flex:none;justify-content:center;align-items:center;width:100%;min-height:0;padding:1vh 0 2.5vh;display:flex;position:relative;overflow:visible}.stamp-grid{place-content:center;gap:1.5vmin;width:100%;height:auto;max-height:100%;display:grid}.stamp-spot{aspect-ratio:1;border-width:var(--print-stamp-border-width);border-style:dashed;border-color:var(--color-stamp-border);width:auto;height:auto;max-height:100%;font-size:var(--print-stamp-font-size);justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.stamp-spot.goal:after{font-size:var(--print-goal-font-size);font-weight:800;bottom:-18%}.reward-area{border-width:1px;border-radius:8px;flex:none;align-items:center;gap:8px;min-height:10%;margin-top:1vh;padding:8px;display:flex}.reward-area .material-symbols-rounded{font-size:16pt}.reward-area .flex-1{min-width:0}.reward-area .text-\[10px\]{font-size:7pt}.reward-area .truncate{font-size:clamp(10pt,3vw,14pt)}body:not(.print-stamps) .stamp-spot.stamped{-webkit-print-color-adjust:exact;border:2px dashed var(--color-stamp-border)!important;background-color:var(--color-stamp-bg)!important;color:var(--color-stamp-border)!important}body:not(.print-stamps) .stamp-spot.stamped .stamp-mark{display:none!important}body.print-stamps .stamp-spot.stamped{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:2px solid var(--color-stamp-active)!important;background-color:var(--color-stamp-active-bg)!important;color:#0000!important}body.print-stamps .stamp-spot.stamped .stamp-mark{display:flex!important}}