:root{--dn-primary:103 36 61;--dn-primary-deep:74 23 42;--dn-primary-night:43 16 26;--dn-rose:201 142 157;--dn-rose-soft:240 222 227;--dn-rose-light:232 195 205;--dn-cream:250 246 241;--dn-paper:241 233 223;--dn-paper-deep:230 218 204;--dn-ink:41 35 35;--dn-ink-soft:99 88 86;--dn-olive:138 146 117;--dn-olive-deep:86 94 70;--dn-line:228 216 204;--dn-ease:cubic-bezier(0.16,1,0.3,1)}.dn-theme{--primary:rgb(var(--dn-primary));--rose:rgb(var(--dn-rose));--cream:rgb(var(--dn-cream));--paper:rgb(var(--dn-paper));--ink:rgb(var(--dn-ink));--olive:rgb(var(--dn-olive));background-color:var(--cream);color:var(--ink);font-family:var(--font-be-vietnam-pro,"Be Vietnam Pro"),system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-tap-highlight-color:transparent;overflow-x:clip}:where(.dn-theme) :is(h1,h2,h3,h4){color:inherit;font-family:var(--font-lora,"Lora"),Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.012em;text-wrap:balance}:where(.dn-theme) :where(a,button,input,select,textarea,summary,label,[tabindex]):focus-visible{outline:2px solid rgb(var(--dn-primary));outline-offset:3px}:where(.dn-on-dark) :where(a,button,[tabindex]):focus-visible{outline-color:rgb(var(--dn-rose-light))}html.dn-lock{overflow:hidden}.dn-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}.dn-section{padding-block:clamp(64px,9vw,120px);scroll-margin-top:12px}.dn-page-pad{padding-bottom:calc(76px + env(safe-area-inset-bottom))}@media (min-width:768px){.dn-page-pad{padding-bottom:0}}.dn-eyebrow{font-family:var(--font-be-vietnam-pro,"Be Vietnam Pro"),system-ui,-apple-system,"Segoe UI",sans-serif;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--dn-primary))}.dn-on-dark .dn-eyebrow{color:rgb(var(--dn-rose-light))}.dn-display{font-family:var(--font-lora,"Lora"),Georgia,serif;font-weight:500;font-size:clamp(30px,4.3vw,50px);line-height:1.14;letter-spacing:-.022em}.dn-h2{font-size:clamp(28px,3.8vw,44px);line-height:1.18;letter-spacing:-.018em}.dn-h2--xl{font-size:clamp(34px,5vw,60px);line-height:1.08}.dn-h3{font-size:clamp(21px,2.2vw,26px);line-height:1.3}.dn-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.72;color:rgb(var(--dn-ink-soft))}.dn-on-dark .dn-lead{color:rgb(var(--dn-cream)/.78)}.dn-cjk{font-family:Songti SC,STSong,"Noto Serif CJK SC","Noto Serif SC",SimSun,serif}.dn-link{border-radius:4px;color:rgb(var(--dn-primary));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgb(var(--dn-primary)/.35);transition:text-decoration-color .2s}.dn-link:hover{text-decoration-color:currentColor}.dn-on-dark .dn-link{color:rgb(var(--dn-rose-light));text-decoration-color:rgb(var(--dn-rose-light)/.45)}.dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 14px 12px 24px;border-radius:14px;font-weight:600;font-size:15px;line-height:1.2;letter-spacing:.05em;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s var(--dn-ease),background-color .2s,box-shadow .2s,color .2s}.dn-btn:active{transform:translateY(1px) scale(.99)}.dn-btn:disabled,.dn-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}.dn-btn--lg{min-height:58px;font-size:16px;padding-left:28px}.dn-btn--sm{min-height:44px;padding:8px 10px 8px 16px;font-size:13px;border-radius:12px}.dn-btn--plain{padding-inline:20px}.dn-btn--compact{min-height:48px;padding:8px 8px 8px 18px;font-size:14px;border-radius:12px}.dn-btn-primary{background:rgb(var(--dn-primary));color:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.16),0 14px 28px -16px rgb(var(--dn-primary)/.8)}.dn-btn-primary:hover{background:rgb(var(--dn-primary-deep))}.dn-btn-light{background:rgb(var(--dn-cream));color:rgb(var(--dn-primary));box-shadow:0 14px 28px -16px rgb(0 0 0/.6)}.dn-btn-light:hover{background:#fff}.dn-btn-ghost{background:transparent;color:rgb(var(--dn-primary));box-shadow:inset 0 0 0 1px rgb(var(--dn-primary)/.3)}.dn-btn-ghost:hover{background:rgb(var(--dn-rose-soft)/.55);box-shadow:inset 0 0 0 1px rgb(var(--dn-primary)/.6)}.dn-btn__arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:rgb(255 255 255/.15);transition:transform .25s var(--dn-ease)}.dn-btn-ghost .dn-btn__arrow,.dn-btn-light .dn-btn__arrow{background:rgb(var(--dn-primary)/.08)}.dn-btn:hover .dn-btn__arrow{transform:translateX(3px)}.dn-spinner{width:18px;height:18px;border-radius:999px;border:2px solid;border-right:2px solid transparent;animation:dn-spin .8s linear infinite}@keyframes dn-spin{to{transform:rotate(1turn)}}.dn-paper{background-color:rgb(var(--dn-paper));background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.dn-night{background-color:rgb(var(--dn-primary-night));background-image:radial-gradient(120% 80% at 85% 0,rgb(var(--dn-primary)/.55),transparent 60%),radial-gradient(90% 70% at 0 100%,rgb(var(--dn-primary-deep)/.6),transparent 65%);color:rgb(var(--dn-cream))}.dn-chip{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:3px 9px;font-size:12px;line-height:1.5;background:rgb(var(--dn-paper));color:rgb(var(--dn-ink));box-shadow:inset 0 0 0 1px rgb(var(--dn-paper-deep))}.dn-seal{display:inline-grid;place-items:center;flex-shrink:0;color:rgb(var(--dn-primary));border-radius:7px;border:1.5px solid;box-shadow:inset 0 0 0 2.5px rgb(var(--dn-cream)),inset 0 0 0 3.5px currentColor;font-family:Songti SC,STSong,"Noto Serif CJK SC","Noto Serif SC",SimSun,serif;line-height:1;letter-spacing:0}.dn-seal--float{box-shadow:inset 0 0 0 2.5px rgb(var(--dn-cream)),inset 0 0 0 3.5px currentColor,0 12px 24px -14px rgb(var(--dn-primary-night)/.5)}.dn-seal--solid{background:rgb(var(--dn-primary));color:rgb(var(--dn-cream));border-color:rgb(var(--dn-primary));box-shadow:inset 0 0 0 2.5px rgb(var(--dn-primary)),inset 0 0 0 3.5px rgb(var(--dn-cream)/.85)}.dn-leader{flex:1 1 24px;min-width:24px;border-bottom:1px dotted rgb(var(--dn-ink)/.3);transform:translateY(-5px)}.dn-skeleton{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,rgb(var(--dn-paper-deep)),rgb(var(--dn-paper)))}.dn-book{position:relative;border-radius:3px 10px 10px 3px;transform:perspective(1600px) rotateY(-14deg) rotateX(2deg);transform-origin:30% 50%;box-shadow:2px 2px 0 rgb(var(--dn-paper-deep)),4px 3px 0 #fff,5px 4px 0 rgb(var(--dn-paper-deep)),7px 5px 0 #fff,8px 6px 0 rgb(var(--dn-paper-deep)),34px 44px 60px -24px rgb(var(--dn-primary-night)/.5)}.dn-book img,.dn-book>picture{display:block;border-radius:inherit}.dn-book:before{inset:0 auto 0 0;width:7%;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgb(var(--dn-primary-night)/.35),rgb(255 255 255/.25) 45%,rgb(var(--dn-primary-night)/.08) 75%,transparent)}.dn-book:after,.dn-book:before{content:"";position:absolute;pointer-events:none;z-index:1}.dn-book:after{inset:0;border-radius:inherit;background:linear-gradient(115deg,rgb(255 255 255/.22),transparent 38%,transparent 70%,rgb(0 0 0/.06))}.dn-page-sheet{background:#fff;border-radius:4px;padding:4px;box-shadow:0 1px 0 rgb(var(--dn-paper-deep)),0 28px 48px -26px rgb(var(--dn-primary-night)/.5)}.dn-rail{--dn-rail-inset:max(clamp(20px,5vw,48px),calc((100% - 1200px) / 2 + clamp(20px, 5vw, 48px)));display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,280px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--dn-rail-inset) 20px;scroll-padding-inline:var(--dn-rail-inset);scrollbar-width:none;overscroll-behavior-x:contain}.dn-rail::-webkit-scrollbar{display:none}.dn-rail>*{scroll-snap-align:start}@media (min-width:640px){.dn-rail[data-grid]{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;max-width:1200px;margin-inline:auto;padding:0 clamp(20px,5vw,48px)}}@media (min-width:1024px){.dn-rail[data-grid="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes dn-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes dn-settle{0%{transform:perspective(1600px) rotateY(-26deg) rotateX(7deg) translateY(16px)}to{transform:perspective(1600px) rotateY(-14deg) rotateX(2deg)}}@keyframes dn-drift{0%{transform:rotate(3deg) translateY(10px)}to{transform:rotate(7deg)}}@media (prefers-reduced-motion:no-preference){.dn-book--animate{animation:dn-settle 1.2s var(--dn-ease) both}.dn-drift{animation:dn-drift 1.4s var(--dn-ease) both}.dn-stagger>*{animation:dn-rise .7s var(--dn-ease) both;animation-delay:calc(var(--i, 0) * 80ms + .2s)}@supports (animation-timeline:view()){.dn-reveal{animation:dn-rise linear both;animation-timeline:view();animation-range:entry 0 cover 24%}}}@keyframes dn-steam{0%{transform:translateY(6px) scaleX(.9);opacity:0}35%{opacity:.85}to{transform:translateY(-14px) scaleX(1.2);opacity:0}}.dn-steam path[data-steam]{transform-box:fill-box;transform-origin:center bottom;animation:dn-steam 2.6s ease-in-out infinite}.dn-steam path[data-steam="2"]{animation-delay:.7s}.dn-steam path[data-steam="3"]{animation-delay:1.4s}@keyframes dn-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:0}}.dn-pulse{position:relative;display:inline-block;width:8px;height:8px;border-radius:999px;background:rgb(var(--dn-olive-deep))}.dn-pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:dn-pulse 1.8s ease-out infinite}.dn-dialog{padding:0;border:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;background:rgb(var(--dn-cream));color:rgb(var(--dn-ink));overscroll-behavior:contain}.dn-dialog::backdrop{background:rgb(var(--dn-primary-night)/.56);backdrop-filter:blur(3px)}.dn-dialog[open]{display:flex;flex-direction:column;animation:dn-sheet-up .42s var(--dn-ease)}@keyframes dn-sheet-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@media (min-width:640px){.dn-dialog{width:min(580px,calc(100vw - 32px));height:-moz-fit-content;height:fit-content;max-height:min(820px,calc(100dvh - 48px));margin:auto;border-radius:24px;box-shadow:0 48px 90px -32px rgb(var(--dn-primary-night)/.6)}}.dn-sheet-actions{position:sticky;bottom:0;z-index:1;margin-top:24px;padding-top:16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgb(var(--dn-cream)) 72%,rgb(var(--dn-cream)/0))}.dn-field{width:100%;min-height:52px;border-radius:14px;border:1px solid rgb(var(--dn-paper-deep));background:#fff;padding:12px 16px;font-size:16px;line-height:1.4;color:rgb(var(--dn-ink));transition:border-color .2s,box-shadow .2s}.dn-field::-moz-placeholder{color:rgb(var(--dn-ink-soft)/.9)}.dn-field::placeholder{color:rgb(var(--dn-ink-soft)/.9)}.dn-field:focus{outline:none;border-color:rgb(var(--dn-primary));box-shadow:0 0 0 3px rgb(var(--dn-primary)/.14)}.dn-field[aria-invalid=true]{border-color:#9b3e35;box-shadow:0 0 0 3px rgb(155 62 53/.12)}.dn-lightbox{padding:0;border:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;background:rgb(var(--dn-primary-night)/.96);color:rgb(var(--dn-cream));overscroll-behavior:contain}.dn-lightbox[open]{display:flex;flex-direction:column;animation:dn-fade .25s ease-out}.dn-lightbox::backdrop{background:rgb(var(--dn-primary-night)/.9)}@keyframes dn-fade{0%{opacity:0}to{opacity:1}}.dn-sticky{position:fixed;inset-inline:0;bottom:0;z-index:40;padding:10px clamp(12px,4vw,20px) calc(10px + env(safe-area-inset-bottom));background:rgb(var(--dn-cream)/.94);backdrop-filter:saturate(1.2) blur(12px);border-top:1px solid rgb(var(--dn-line));box-shadow:0 -12px 28px -20px rgb(var(--dn-primary-night)/.35);transform:translateY(110%);transition:transform .32s var(--dn-ease)}.dn-sticky[data-visible=true]{transform:none}.dn-toast-region{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:45;width:min(460px,calc(100% - 24px));transform:translateX(-50%);pointer-events:none}.dn-toast{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;width:100%;padding:10px 10px 10px 12px;border-radius:22px;background:rgb(var(--dn-cream));color:rgb(var(--dn-ink));box-shadow:0 0 0 1px rgb(var(--dn-line)),0 20px 40px -20px rgb(var(--dn-primary-night)/.55);pointer-events:auto;animation:dn-rise .4s var(--dn-ease) both}@media (min-width:640px){.dn-toast{padding-right:6px}}@media (min-width:768px){.dn-toast-region{left:auto;right:24px;bottom:24px;width:520px;transform:none}.dn-sticky{display:none}}@media (prefers-reduced-motion:reduce){.dn-theme *,.dn-theme :after,.dn-theme :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{.dn-announcement,.dn-dialog,.dn-lightbox,.dn-sticky,.dn-toast-region{display:none!important}}