html,body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans KR,Pretendard,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}a,a:hover{color:var(--gold)}button,input,select{font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)sepia()saturate(3)hue-rotate(5deg)}@keyframes fogDrift{0%{transform:translate(-6%)scale(1.1)}50%{transform:translate(4%,-3%)scale(1.18)}to{transform:translate(-6%)scale(1.1)}}@keyframes fogDrift2{0%{transform:translate(5%,2%)scale(1.2)}50%{transform:translate(-5%,4%)scale(1.1)}to{transform:translate(5%,2%)scale(1.2)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 50%, transparent))}50%{filter:drop-shadow(0 0 28px color-mix(in srgb, var(--gold) 95%, transparent))}}@keyframes pinPulse{0%{opacity:.9;transform:scale(1)}70%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}@keyframes badgeBlink{0%,to{opacity:.55}50%{opacity:1}}@keyframes drawPath{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes inkBleed{0%{color:var(--paper);text-shadow:none}to{color:var(--cinnabar);text-shadow:0 0 8px color-mix(in srgb, var(--cinnabar) 90%, transparent),0 0 2px var(--cinnabar)}}@keyframes inkIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@keyframes stampDown{0%{opacity:0;transform:translate(-50%,-220%)scale(1.6)rotate(-14deg)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}}@keyframes shake{0%,to{transform:none}20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,4px)}}@keyframes redFlash{0%{opacity:0}30%{opacity:.85}to{opacity:0}}@keyframes curlAway{0%{opacity:1;transform:none}40%{opacity:1;transform:scale(.7)rotate(6deg)skew(8deg)}to{opacity:0;transform:translate(130px,330px)scale(.12)rotate(28deg)}}@keyframes boxBump{0%,to{transform:none}50%{transform:scale(1.15)}}@keyframes unroll{0%{opacity:0;transform:scaleY(.05)translateY(-40px)}to{opacity:1;transform:none}}@keyframes ripple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(3.2)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:none}}@keyframes auraPulse{0%,to{opacity:.2}50%{opacity:.3}}@keyframes bellSwing{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vertexGlow{0%,20%{opacity:1;r:9}25%,to{opacity:.35;r:5}}@keyframes floatY{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@keyframes beamSway{0%,to{transform:translate(-120px)}50%{transform:translate(120px)}}@keyframes beamBreath{0%,to{opacity:.55}50%{opacity:1}}@keyframes breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.008)}}@keyframes spinSlowC{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes goldTwinkle{0%,to{opacity:.35;filter:drop-shadow(0 0 #0000)}25%,75%{opacity:1;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 95%, transparent))}50%{opacity:.45}}@keyframes yardWave{0%,to{transform:translate(-120px)}50%{transform:translate(120px)}}@keyframes yardBoatDrift{0%{opacity:0;left:-60px}6%{opacity:1}72%{opacity:1}to{opacity:0;left:calc(100% + 10px)}}@keyframes yardBoatText{0%,70%{opacity:1}to{opacity:0}}@keyframes yardBob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-3px)rotate(1.5deg)}}@keyframes yardWalkBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes yardLanternSwing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes yardLanternBlink{0%,to{filter:brightness()}50%{filter:brightness(1.45)}}@keyframes yardSheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes yardSink{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(45%)}}@keyframes yardRise{0%{opacity:0;transform:translateY(45%)}to{opacity:1;transform:none}}@keyframes yardEnterDrop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes yardEnterLift{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-100%)}}@keyframes yardGateGlow{0%,to{opacity:.72}50%{opacity:1}}@keyframes yardMist{0%,to{transform:translate(-7%)}50%{transform:translate(7%)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes gkSway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes gkGlow{0%,to{opacity:.06}50%{opacity:.14}}.site-intro{background:var(--ink)}@media (width>=1024px){.site-intro{background:color-mix(in srgb, var(--ink) 12%, transparent)}}.keeper-hanji{background-color:color-mix(in srgb, var(--paper) 92%, transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.keeper-card>span{box-sizing:border-box;writing-mode:vertical-rl;text-orientation:upright;word-break:keep-all;width:100%;height:100%;color:var(--paper-ink);background-color:var(--paper);border:1px solid var(--cinnabar);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");justify-content:center;align-items:center;padding:6px 3px;font:16px/20px Noto Serif KR,serif;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 6px 14px #00000073}.keeper-card.primary>span{background-color:var(--gold);color:var(--paper-ink);font-weight:700}.keeper-card:hover>span,.keeper-card:active>span,.keeper-card:focus-visible>span{border-color:var(--gold);box-shadow:0 8px 18px var(--gold-dim);transform:translateY(-4px)}.keeper-card.primary:hover>span,.keeper-card.primary:active>span,.keeper-card.primary:focus-visible>span{border-color:var(--paper)}[data-yard-chrome]{transition:opacity .4s}body[data-keeper-talk] [data-yard-chrome]{opacity:.5}@keyframes sealStamp{0%{transform:scale(1.6)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#0b0f2b;--ink-2:#141a3a;--ink-glass:#141a3ab3;--paper:#f6f1e7;--paper-ink:#1a1a2e;--gold:#d4af37;--gold-dim:#d4af3773;--cinnabar:#8a1c4a;--mist:#bfc4d6;--mist-dim:#bfc4d68c;--scrim:#0b0f2bb8;--gold-ink:color-mix(in srgb, var(--gold) 55%, var(--paper-ink));--paper-ink-2:color-mix(in srgb, var(--paper-ink) 65%, var(--paper));--cinnabar-soft:color-mix(in srgb, var(--cinnabar) 40%, var(--paper));--gold-fill:var(--gold);--ink-fill:var(--ink);--paper-fill:var(--paper);--lamp:#ffb060;--lamp-soft:#ffe08a;--serif:"Noto Serif KR", serif;--sans:"Noto Sans KR", sans-serif;--fs-13:13px;--fs-15:15px;--fs-17:17px;--fs-20:20px;--fs-26:26px;--fs-34:34px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--sp-32:32px;--sp-48:48px;--r-chip:6px;--r-card:12px;--r-round:999px;--line:1px solid var(--gold-dim);--shadow:0 8px 24px #00000059;--header-h:56px}html,body{background:var(--ink);color:var(--paper);font-family:var(--serif)}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.fade-y{-webkit-mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.btn{justify-content:center;align-items:center;gap:var(--sp-8);min-height:48px;padding:0 var(--sp-16);border-radius:var(--r-chip);font-family:var(--serif);font-weight:400;font-size:var(--fs-17);cursor:pointer;text-decoration:none;transition:filter .2s,opacity .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--gold);color:var(--ink);border:0}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{color:var(--paper);border:var(--line);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--gold)}.btn-text{color:var(--mist);min-height:44px;padding:0 var(--sp-8);font-size:var(--fs-15);background:0 0;border:0}.btn-text:hover{color:var(--paper)}.btn[aria-pressed=true].btn-ghost{background:var(--gold);color:var(--ink)}.card{background:var(--ink-2);border:var(--line);border-radius:var(--r-card);padding:var(--sp-16);box-shadow:var(--shadow);color:var(--paper)}.card-title{font-family:var(--serif);font-weight:600;font-size:var(--fs-17);margin:0}.card-body{font-family:var(--serif);font-size:var(--fs-15);color:var(--paper);word-break:keep-all;margin:0;line-height:1.7}.card-meta{font-family:var(--sans);font-size:var(--fs-13);color:var(--mist);word-break:keep-all}.chip{min-height:48px;padding:6px var(--sp-16);border-radius:var(--r-chip);border:var(--line);background:var(--ink-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);font-family:var(--serif);font-size:var(--fs-15);text-align:left;word-break:keep-all;cursor:pointer;line-height:1.35}.chip:hover:not(:disabled){border-color:var(--gold)}.sheet{z-index:71;width:100%;max-width:480px;max-height:90dvh;padding:var(--sp-24) var(--sp-16) calc(var(--sp-24) + env(safe-area-inset-bottom));background:var(--paper);color:var(--paper-ink);border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:var(--shadow);animation:.26s cubic-bezier(.2,.8,.2,1) both sheetUp;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.sheet-scrim{z-index:70;background:var(--scrim);animation:.2s both fadeIn;position:fixed;inset:0}.sheet>*{--paper:var(--paper-ink);--ink:var(--paper-fill);--ink-2:color-mix(in srgb, var(--paper-ink) 6%, var(--paper-fill));--mist:var(--paper-ink-2);--mist-dim:color-mix(in srgb, var(--paper-ink) 45%, transparent);--gold:var(--gold-ink);--gold-dim:color-mix(in srgb, var(--paper-ink) 25%, transparent);--line:1px solid var(--gold-dim);--cinnabar-soft:var(--cinnabar);--ink-glass:color-mix(in srgb, var(--paper-ink) 5%, transparent)}.sheet .btn-primary{background:var(--gold-fill);color:var(--ink-fill)}.sheet-field{width:100%;min-height:48px;padding:10px var(--sp-12);font-size:var(--fs-17);font-family:var(--serif);color:var(--paper-ink);background:color-mix(in srgb, var(--paper-fill) 60%, white);border:1px solid color-mix(in srgb, var(--paper-ink) 20%, transparent);border-radius:var(--r-chip);outline:none}@keyframes sheetUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes chipIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes screenIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-scrim{animation:none}}.ask-screen{flex-direction:column;height:100dvh;animation:.22s both screenIn;display:flex;position:relative;overflow:hidden}.ask-top-shade{background:linear-gradient(180deg, var(--ink), transparent);pointer-events:none;z-index:1;height:30%;position:absolute;top:0;left:0;right:0}.ask-keeper{right:0;bottom:calc(var(--sp-32) + env(safe-area-inset-bottom));aspect-ratio:312/781;z-index:1;pointer-events:none;height:38dvh;position:absolute}.ask-lantern-glow{border-radius:var(--r-round);background:radial-gradient(circle closest-side, var(--lamp), transparent);opacity:.25;width:440px;height:440px;position:absolute;top:17%;left:17%;transform:translate(-50%,-50%)}.ask-body{z-index:2;gap:var(--sp-12);min-height:0;padding:calc(var(--header-h) + var(--sp-16)) var(--sp-16) var(--sp-8);flex-direction:column;flex:1;display:flex;position:relative}.ask-headline{font-family:var(--serif);font-weight:600;font-size:var(--fs-26);color:var(--paper);word-break:keep-all;margin:0;line-height:1.35}.ask-sub{margin:calc(-1 * var(--sp-8)) 0 var(--sp-4);font-family:var(--sans);font-size:var(--fs-15);color:var(--mist)}.ask-grid{gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.ask-grid .chip{width:100%}@media (width>=768px){.ask-grid{margin-right:36%}.ask-grid .chip{padding:6px var(--sp-12)}.ask-keeper{bottom:calc(56px + 44px + var(--sp-24) + env(safe-area-inset-bottom))}}.ask-bar{z-index:3;gap:var(--sp-8);padding:var(--sp-24) var(--sp-16) calc(var(--sp-16) + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--ink) 45%);flex-direction:column;display:flex;position:relative}.ask-textarea{width:100%;padding:10px var(--sp-12);font-family:var(--serif);font-size:var(--fs-17);color:var(--paper);background:var(--ink-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--line);border-radius:var(--r-chip);resize:none;outline:none;line-height:1.5}.hv-1:hover{box-shadow:0 0 14px color-mix(in srgb, var(--gold) 50%, transparent)!important}.hv-2:hover{background:color-mix(in srgb, var(--gold) 14%, transparent)!important}.hv-3:focus{border-color:var(--gold)!important;box-shadow:0 0 14px color-mix(in srgb, var(--gold) 35%, transparent)!important}.hv-4:hover{box-shadow:0 8px 40px color-mix(in srgb, var(--gold) 60%, transparent)!important}.hv-5:hover,.hv-6:hover,.hv-7:hover{border-color:var(--gold)!important;box-shadow:0 0 12px color-mix(in srgb, var(--gold) 35%, transparent)!important}.hv-8:hover{color:var(--gold)!important}.hv-9:hover{box-shadow:0 0 22px color-mix(in srgb, var(--gold) 50%, transparent)!important;border-color:var(--gold)!important}.hv-10:hover{box-shadow:0 0 14px color-mix(in srgb, var(--mist) 40%, transparent)!important}.hv-11:hover{box-shadow:0 0 18px color-mix(in srgb, var(--mist) 40%, transparent)!important;border-color:var(--mist)!important}.hv-12:hover{box-shadow:0 0 16px color-mix(in srgb, var(--gold) 40%, transparent)!important}.hv-13:hover{box-shadow:0 0 22px color-mix(in srgb, var(--gold) 50%, transparent)!important;border-color:var(--gold)!important}.hv-14:hover{background:var(--gold)!important}.hv-15:hover{color:var(--gold)!important}.hv-16:focus{background:color-mix(in srgb, var(--cinnabar) 6%, transparent)!important}.hv-17:hover{box-shadow:0 0 28px color-mix(in srgb, var(--gold) 60%, transparent)!important}.hv-18:hover{background:#3a3027!important}.hv-19:hover{background:color-mix(in srgb, var(--paper-ink) 6%, transparent)!important}.hv-20:hover{box-shadow:0 0 14px color-mix(in srgb, var(--gold) 50%, transparent)!important}