.dyn-app{--app-bg:var(--dyn-app-bg,#0b0b0d);--app-fg:var(--dyn-app-fg,#f4f4f5);--app-surface:var(--dyn-app-surface,rgba(255,255,255,0.04));--app-surface-2:var(--dyn-app-surface-2,rgba(255,255,255,0.07));--app-border:var(--dyn-app-border,rgba(255,255,255,0.12));--app-muted:var(--dyn-app-muted,rgba(244,244,245,0.62));--app-font:var(--dyn-app-font,inherit);--app-display:var(--dyn-app-display,var(--app-font));--app-mono:var(--dyn-app-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);--app-radius:var(--dyn-app-radius,14px);--app-shadow:var(--dyn-app-shadow,0 20px 60px rgba(0,0,0,0.35));--app-texture:var(--dyn-app-texture,none);min-height:100vh;min-height:100dvh;background:var(--app-texture),var(--app-bg);color:var(--app-fg);font-family:var(--app-font)}.dyn-app,.dyn-app *,.dyn-app :after,.dyn-app :before{box-sizing:border-box}.dyn-app .dyn-mono{font-family:var(--app-mono);font-size:.92em}.dyn-app a{color:inherit;text-decoration:none}.dyn-app ul{list-style:none;margin:0;padding:0}.dyn-app h1,.dyn-app h2,.dyn-app p{margin:0}.dyn-app-title{font-family:var(--app-display);font-weight:700;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.1;letter-spacing:-.01em}.dyn-app-sub{color:var(--app-muted);font-size:1rem;line-height:1.55;max-width:60ch}.dyn-app-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--app-muted)}.dyn-app-fine{color:var(--app-muted);font-size:.82rem;line-height:1.5}.dyn-app-link{background:none;border:0;padding:0;color:var(--dyn-accent);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.dyn-app-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--dyn-accent);color:var(--dyn-on-accent)}.dyn-app-chip-soft{background:var(--dyn-accent-soft);color:var(--dyn-accent)}.dyn-app-dot{width:8px;height:8px;border-radius:999px;background:var(--dyn-accent);box-shadow:0 0 0 4px var(--dyn-accent-soft);flex:none}.dyn-app-mark{width:72px;height:72px;border-radius:calc(var(--app-radius) * 1.2);object-fit:cover;background:var(--dyn-accent-soft)}.dyn-app-mark-sm{width:48px;height:48px;border-radius:var(--app-radius)}.dyn-app-error{color:#ff6b5e;font-size:.85rem;padding:10px 12px;background:rgba(255,107,94,.1)}.dyn-app-error,.dyn-app-note{border-radius:calc(var(--app-radius) * .6)}.dyn-app-note{padding:10px 14px;border:1px solid var(--app-border);color:var(--app-muted);font-size:.88rem}.dyn-app-btn,.dyn-app-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:calc(var(--app-radius) * .75);border:1px solid transparent;font:inherit;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s}.dyn-app-cta{background:var(--dyn-accent);color:var(--dyn-on-accent)}.dyn-app-cta:hover{background:var(--dyn-accent-hover)}.dyn-app-cta.is-disabled,.dyn-app-cta:disabled{opacity:.5;cursor:not-allowed}.dyn-app-btn{background:var(--app-surface);border-color:var(--app-border);color:var(--app-fg)}.dyn-app-btn-accent,.dyn-app-btn:hover{border-color:var(--dyn-accent)}.dyn-app-btn-accent{color:var(--dyn-accent)}.dyn-app-btn:active,.dyn-app-cta:active{transform:translateY(1px)}.dyn-app-auth{display:grid;place-items:center;padding:6vh 16px}.dyn-app-auth-card{width:100%;max-width:480px;display:flex;flex-direction:column;gap:22px;padding:32px;border-radius:calc(var(--app-radius) * 1.4);border:1px solid var(--app-border);background:var(--app-surface);box-shadow:var(--app-shadow);backdrop-filter:blur(10px)}.dyn-app-auth-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dyn-app-kicker{display:flex;gap:8px;flex-wrap:wrap}.dyn-app-sign,.dyn-app-wallets{display:flex;flex-direction:column;gap:10px}.dyn-app-wallet-list{display:flex;flex-direction:column;gap:8px}.dyn-app-wallet{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:calc(var(--app-radius) * .8);border:1px solid var(--app-border);background:var(--app-surface-2);color:var(--app-fg);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease,background .12s ease}.dyn-app-wallet:hover{border-color:var(--dyn-accent);transform:translateY(-1px)}.dyn-app-wallet:disabled{opacity:.6;cursor:wait}.dyn-app-wallet-primary{background:var(--dyn-accent);color:var(--dyn-on-accent);grid-template-columns:1fr auto}.dyn-app-wallet-icon{width:32px;height:32px;border-radius:8px;object-fit:contain}.dyn-app-wallet-icon-blank{display:inline-grid;place-items:center;background:var(--dyn-accent-soft);color:var(--dyn-accent);font-size:18px}.dyn-app-wallet-name{font-weight:700}.dyn-app-wallet-hint{font-size:.78rem;color:var(--app-muted)}.dyn-app-wallet-primary .dyn-app-wallet-hint{color:inherit;opacity:.8}.dyn-app-empty{padding:14px;border-radius:calc(var(--app-radius) * .8);border:1px dashed var(--app-border);color:var(--app-muted);font-size:.9rem}.dyn-app-address{display:inline-flex;align-items:center;gap:10px}.dyn-app-auth-foot{display:flex;justify-content:space-between;align-items:center}.dyn-app-dash{display:flex;flex-direction:column;gap:28px;padding:0 clamp(16px,4vw,40px) 40px;max-width:1200px;margin:0 auto}.dyn-app-bar{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--app-border);flex-wrap:wrap;position:sticky;top:0;z-index:5;background:var(--app-bg)}.dyn-app-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--app-display);font-weight:700;font-size:1.05rem}.dyn-app-brand-logo{width:28px;height:28px;border-radius:8px;object-fit:contain}.dyn-app-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-left:8px}.dyn-app-tab{padding:8px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--app-muted);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.dyn-app-tab:hover{color:var(--app-fg)}.dyn-app-tab.is-active{color:var(--dyn-accent);background:var(--dyn-accent-soft)}.dyn-app-user{margin-left:auto;display:inline-flex;align-items:center;gap:10px}.dyn-app-address-pill{padding:6px 10px;border-radius:999px;border:1px solid var(--app-border);background:var(--app-surface);font-size:.85rem}.dyn-app-hero{display:flex;flex-direction:column;gap:10px;padding-top:12px}.dyn-app-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.dyn-app-stat{padding:16px;border-radius:var(--app-radius);border:1px solid var(--app-border);background:var(--app-surface);display:flex;flex-direction:column;gap:6px}.dyn-app-stat-accent{border-color:var(--dyn-accent);background:var(--dyn-accent-soft)}.dyn-app-stat-v{font-family:var(--app-display);font-size:1.35rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dyn-app-token{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--app-radius);border:1px solid var(--app-border);background:var(--app-surface)}.dyn-app-token-head{display:flex;align-items:center;gap:12px}.dyn-app-token-name{font-family:var(--app-display);font-weight:700;font-size:1.15rem;display:inline-flex;align-items:center;gap:8px}.dyn-app-ca{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:calc(var(--app-radius) * .7);border:1px dashed var(--app-border);background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.dyn-app-ca:hover{border-color:var(--dyn-accent)}.dyn-app-ca-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dyn-app-ca-copy{font-size:.72rem;font-weight:800;color:var(--dyn-accent);letter-spacing:.08em;text-transform:uppercase}.dyn-app-ca-tba{cursor:default;color:var(--app-muted)}.dyn-app-actions{display:flex;flex-wrap:wrap;gap:8px}.dyn-app-modules{display:flex;flex-direction:column;gap:12px}.dyn-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.dyn-app-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--app-radius);border:1px solid var(--app-border);background:var(--app-surface);transition:border-color .12s ease,transform .12s ease}.dyn-app-tile:hover{border-color:var(--dyn-accent);transform:translateY(-2px)}.dyn-app-tile-icon{font-size:1.4rem;color:var(--dyn-accent);line-height:1}.dyn-app-tile-label{font-family:var(--app-display);font-weight:700;font-size:1.05rem}.dyn-app-tile-blurb{color:var(--app-muted);font-size:.88rem;line-height:1.5;flex:1}.dyn-app-tile .dyn-app-btn{align-self:flex-start;padding:8px 12px;font-size:.82rem}.dyn-app-tile-status{position:absolute;top:12px;right:12px;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--app-muted)}.dyn-app-tile.is-live .dyn-app-tile-status{color:var(--dyn-accent)}.dyn-app-module{padding-top:12px}.dyn-app-module,.dyn-app-module-card{display:flex;flex-direction:column;gap:14px}.dyn-app-module-card{padding:28px;border-radius:var(--app-radius);border:1px solid var(--app-border);background:var(--app-surface);max-width:720px}.dyn-app-soon{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--dyn-accent-soft);color:var(--dyn-accent);font-size:.88rem;font-weight:600;align-self:flex-start}.dyn-app-skeleton{display:grid;gap:10px}.dyn-app-skeleton span{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--app-surface-2),var(--dyn-accent-soft),var(--app-surface-2));background-size:200% 100%;animation:dyn-app-shimmer 1.6s linear infinite}.dyn-app-skeleton span:nth-child(2){width:80%}.dyn-app-skeleton span:nth-child(3){width:55%}@keyframes dyn-app-shimmer{to{background-position:-200% 0}}.dyn-app-foot{display:flex;flex-wrap:wrap;gap:16px;padding-top:16px;border-top:1px solid var(--app-border);color:var(--app-muted);font-size:.82rem}.dyn-app-foot a:hover{color:var(--dyn-accent)}@media (max-width:640px){.dyn-app-auth-card{padding:22px}.dyn-app-bar{position:static}.dyn-app-tabs{order:3;width:100%;margin-left:0}.dyn-app-user{margin-left:auto}}.dyn-app{--dyn-app-bg:linear-gradient(180deg,color-mix(in oklab,var(--dyn-accent) 30%,#ffffff) 0%,#fffaf1 46%);--dyn-app-fg:#1b1a17;--dyn-app-surface:#fffaf1;--dyn-app-surface-2:#ffffff;--dyn-app-border:#1b1a17;--dyn-app-muted:rgba(27,26,23,0.68);--dyn-app-font:var(--font-body,"Nunito",system-ui,sans-serif);--dyn-app-display:var(--font-display,"Titan One","Arial Black",sans-serif);--dyn-app-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--dyn-app-radius:22px;--dyn-app-shadow:0 6px 0 #1b1a17;--dyn-app-texture:radial-gradient(circle at 12% 18%,rgba(255,255,255,0.9) 0 46px,transparent 47px),radial-gradient(circle at 78% 10%,rgba(255,255,255,0.85) 0 60px,transparent 61px),radial-gradient(circle at 60% 26%,rgba(255,255,255,0.7) 0 34px,transparent 35px);background-repeat:no-repeat;font-weight:600}.dyn-app-title{font-family:var(--dyn-app-display);font-weight:400;letter-spacing:.005em;text-shadow:3px 3px 0 rgba(255,255,255,.7)}.dyn-app-fine,.dyn-app-sub{font-weight:600}.dyn-app-label{color:color-mix(in oklab,var(--dyn-accent) 80%,#1b1a17);font-weight:900}.dyn-app-auth-card,.dyn-app-module-card,.dyn-app-note,.dyn-app-stat,.dyn-app-token{border:3px solid #1b1a17;box-shadow:var(--dyn-app-shadow);background:var(--dyn-app-surface)}.dyn-app-mark{border-radius:999px;border:4px solid #fffaf1;box-shadow:0 6px 0 #1b1a17}.dyn-app-btn,.dyn-app-ca,.dyn-app-chip,.dyn-app-chip-soft,.dyn-app-cta,.dyn-app-tab,.dyn-app-wallet{border-radius:999px}.dyn-app-btn,.dyn-app-cta{border:3px solid #1b1a17;font-weight:900;box-shadow:0 4px 0 #1b1a17;padding:12px 22px}.dyn-app-btn:hover,.dyn-app-cta:hover{transform:translateY(2px);box-shadow:0 2px 0 #1b1a17}.dyn-app-btn{background:#fffaf1;color:#1b1a17}.dyn-app-wallet{background:#ffffff;border:3px solid #1b1a17;box-shadow:0 4px 0 #1b1a17;font-weight:800}.dyn-app-wallet:hover{background:var(--dyn-accent-soft)}.dyn-app-bar{background:#fffaf1;border:3px solid #1b1a17;border-radius:999px;box-shadow:0 4px 0 #1b1a17;margin-top:14px;padding-left:16px;padding-right:12px}.dyn-app-brand{font-family:var(--dyn-app-display);font-size:1.25rem}.dyn-app-tab{font-weight:800}.dyn-app-tab.is-active{background:#1b1a17;color:#fffaf1}.dyn-app-brand-name,.dyn-app-stat-v,.dyn-app-tile-label,.dyn-app-token-name{font-family:var(--dyn-app-display);font-weight:400}.dyn-app-tile-icon{background:var(--dyn-accent);color:var(--dyn-on-accent);border:3px solid #1b1a17;border-radius:14px}.dyn-app-ca{background:#ffffff;border:3px solid #1b1a17}.cl-scene{--cl-ink:#1b1a17;--cl-paper:#fffaf1;--cl-wall:#fff2dc;--cl-roof:color-mix(in oklab,var(--dyn-accent) 76%,#1b1a17);--cl-door:color-mix(in oklab,var(--dyn-accent) 64%,#ffe9c6);--cl-inside:color-mix(in oklab,var(--dyn-accent) 22%,#2a241d);--cl-sky-1:color-mix(in oklab,var(--dyn-accent) 12%,#ffffff);--cl-sky-2:color-mix(in oklab,var(--dyn-accent) 34%,#ffffff);--cl-hill-far:color-mix(in oklab,var(--dyn-accent) 60%,#ffffff);--cl-hill-near:color-mix(in oklab,var(--dyn-accent) 90%,#ffffff);--cl-grass:color-mix(in oklab,var(--dyn-accent) 70%,#1b1a17);position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--cl-sky-1) 0,var(--cl-sky-2) 62%,var(--cl-hill-far) 100%);color:var(--cl-ink);font-family:var(--dyn-app-font);font-weight:600}.cl-sky{inset:0;z-index:0;pointer-events:none}.cl-sky,.cl-sun{position:absolute}.cl-sun{top:46px;right:7%;width:190px;height:190px;border-radius:50%;background:color-mix(in oklab,var(--dyn-accent) 52%,#ffffff);box-shadow:0 0 0 26px color-mix(in oklab,var(--dyn-accent) 20%,transparent)}.cl-cloud{position:absolute;width:210px;height:66px;border-radius:999px;background:#fff;opacity:.95}.cl-cloud:after,.cl-cloud:before{content:"";position:absolute;background:#fff;border-radius:50%}.cl-cloud:before{width:86px;height:86px;left:30px;top:-44px}.cl-cloud:after{width:60px;height:60px;left:108px;top:-28px}.cl-cloud-1{top:96px;left:3%;transform:scale(.82)}.cl-cloud-2{top:206px;left:40%;transform:scale(.5);opacity:.8}.cl-cloud-3{top:62px;right:27%;transform:scale(.62);opacity:.85}.cl-hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:230px}.cl-hills .far{fill:var(--cl-hill-far)}.cl-hills .near{fill:var(--cl-hill-near)}.cl-ground{position:relative;z-index:3;height:36px;flex:none;background:var(--cl-grass);border-top:3px solid var(--cl-ink)}.cl-stage{position:relative;z-index:2;flex:1;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:22px 0 30px;display:flex;flex-direction:column;gap:16px}.cl-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:3px solid var(--cl-ink);background:var(--cl-paper);color:var(--cl-ink);font-weight:900;font-size:.85rem;box-shadow:0 4px 0 var(--cl-ink);text-decoration:none}.cl-back:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--cl-ink)}.cl-back:focus-visible{outline:3px solid var(--cl-ink);outline-offset:3px}.cl-house{margin-top:auto}.cl-roof{position:relative}.cl-roof-shape{display:block;width:100%;height:92px}.cl-roof-shape path{fill:var(--cl-roof);stroke:var(--cl-ink);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cl-board{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%) rotate(-1.2deg);display:flex;align-items:baseline;gap:10px;white-space:nowrap;padding:8px 22px;background:var(--cl-paper);border:3px solid var(--cl-ink);border-radius:14px;box-shadow:0 5px 0 var(--cl-ink);max-width:min(92%,640px)}.cl-board b{font-family:var(--dyn-app-display);font-weight:400;font-size:clamp(1.1rem,2.4vw,1.7rem);overflow:hidden;text-overflow:ellipsis}.cl-board i{font-style:normal;font-weight:900;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--dyn-accent);color:var(--dyn-on-accent);border:2px solid var(--cl-ink)}.cl-front{display:grid;grid-template-columns:1fr;gap:26px;padding:34px 26px 30px;border:3px solid var(--cl-ink);border-top:0;border-radius:0 0 26px 26px;background:repeating-linear-gradient(180deg,transparent 0 38px,rgba(27,26,23,.06) 38px 40px),var(--cl-wall);box-shadow:0 8px 0 var(--cl-ink)}@media (min-width:900px){.cl-front{grid-template-columns:300px minmax(0,1fr);gap:38px;align-items:end}}.cl-doorway{position:relative;justify-self:center;width:min(100%,300px);aspect-ratio:3/4;perspective:2000px}.cl-inside{position:absolute;inset:0;border:3px solid var(--cl-ink);border-radius:150px 150px 12px 12px;background:radial-gradient(120% 90% at 50% 88%,color-mix(in oklab,var(--dyn-accent) 34%,var(--cl-inside)) 0,var(--cl-inside) 72%);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.cl-peek{width:78%;max-height:84%;object-fit:contain;object-position:bottom;transform:translateX(26%) translateY(6%);opacity:0;transition:opacity .26s ease .18s,transform .42s ease .12s}.is-open .cl-peek{opacity:1;transform:translateX(8%) translateY(0)}.cl-lamp{margin-bottom:26%;width:84px;height:84px;border-radius:50%;border:3px solid var(--cl-ink);background:var(--dyn-accent);color:var(--dyn-on-accent);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 14px color-mix(in oklab,var(--dyn-accent) 26%,transparent);opacity:0;transition:opacity .26s ease .18s}.is-open .cl-lamp{opacity:1}.cl-lamp img{width:100%;height:100%;object-fit:cover}.cl-lamp b{font-family:var(--dyn-app-display);font-weight:400;font-size:1.3rem}.cl-door{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;border:3px solid var(--cl-ink);border-radius:150px 150px 12px 12px;background:var(--cl-door);box-shadow:inset -14px 0 0 rgba(27,26,23,.1);transition:transform .62s cubic-bezier(.2,.9,.25,1)}.is-open .cl-door{transform:rotateY(-74deg)}.cl-plank{position:absolute;top:8%;bottom:4%;width:3px;background:rgba(27,26,23,.22)}.cl-plank:first-of-type{left:26%}.cl-plank:nth-of-type(2){left:50%}.cl-plank:nth-of-type(3){left:74%}.cl-window{top:12%;width:46%;height:20%;border:3px solid var(--cl-ink);border-radius:999px 999px 6px 6px;background:color-mix(in oklab,var(--dyn-accent) 16%,#ffffff);box-shadow:inset 0 -6px 0 rgba(27,26,23,.08)}.cl-knocker,.cl-window{position:absolute;left:50%;transform:translateX(-50%)}.cl-knocker{top:40%;width:74px;height:74px;border-radius:50%;overflow:hidden;border:4px solid var(--cl-ink);background:var(--cl-paper);color:var(--cl-ink);display:grid;place-items:center;box-shadow:0 5px 0 rgba(27,26,23,.35)}.cl-knocker img{width:100%;height:100%;object-fit:cover}.cl-knocker b{font-family:var(--dyn-app-display);font-weight:400;font-size:1.6rem}.cl-handle{position:absolute;top:62%;right:12%;width:18px;height:18px;border-radius:50%;background:var(--cl-ink);box-shadow:0 0 0 4px color-mix(in oklab,var(--dyn-accent) 45%,#ffffff)}.cl-mat{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);width:62%;padding:6px 0;text-align:center;border:3px solid var(--cl-ink);border-radius:8px;background:color-mix(in oklab,var(--dyn-accent) 30%,#e6d9c0);font-size:.6rem;font-weight:900;letter-spacing:.2em;color:var(--cl-ink)}.cl-porch{min-width:0;display:flex;flex-direction:column;gap:12px;padding-bottom:6px}.cl-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--cl-paper);border:3px solid var(--cl-ink);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 0 var(--cl-ink)}.cl-pill-dot{width:10px;height:10px;border-radius:999px;background:var(--dyn-accent);box-shadow:0 0 0 3px var(--dyn-accent-soft)}.cl-title{font-family:var(--dyn-app-display);font-weight:400;margin:0;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.02;text-wrap:balance;text-shadow:3px 3px 0 rgba(255,255,255,.65)}.cl-lead{margin:0;max-width:52ch;font-size:.98rem;line-height:1.5;color:color-mix(in oklab,var(--cl-ink) 80%,transparent)}.cl-rack{position:relative;margin-top:20px;padding:16px;border:3px solid var(--cl-ink);border-radius:16px;background:radial-gradient(circle at 13px 13px,rgba(27,26,23,.11) 0 2.5px,transparent 3px) 0 0 /26px 26px,var(--cl-paper);box-shadow:0 6px 0 var(--cl-ink)}.cl-rack-label{position:relative;z-index:2;display:flex;margin:-32px 0 12px 2px}.cl-rack-label span{padding:6px 14px;border-radius:999px;border:3px solid var(--cl-ink);background:var(--cl-ink);color:var(--cl-paper);font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.cl-keys{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none}@media (min-width:620px){.cl-keys{grid-template-columns:repeat(2,minmax(0,1fr))}}.cl-key{display:grid;grid-template-columns:16px auto minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px 12px 10px 8px;border:3px solid var(--cl-ink);border-radius:14px;background:#fff;color:var(--cl-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 4px 0 var(--cl-ink);transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.cl-key:hover:not(:disabled){background:var(--dyn-accent-soft);transform:translateY(2px);box-shadow:0 2px 0 var(--cl-ink)}.cl-key:focus-visible{outline:3px solid var(--cl-ink);outline-offset:3px}.cl-key:disabled{cursor:wait;opacity:.72}.cl-hook{width:14px;height:20px;border:3px solid var(--cl-ink);border-top:0;border-right:0;border-radius:0 0 0 10px}.cl-key-body{display:inline-flex;align-items:center;transition:transform .16s ease}.cl-key:hover:not(:disabled) .cl-key-body{transform:rotate(-7deg)}.cl-key-bow{width:34px;height:34px;border-radius:50%;border:3px solid var(--cl-ink);background:var(--dyn-accent-soft);display:grid;place-items:center;overflow:hidden;flex:none}.cl-key-bow img{width:22px;height:22px;object-fit:contain}.cl-key-blank{width:12px;height:12px;border-radius:50%;background:var(--dyn-accent)}.cl-key-shaft{position:relative;width:30px;height:11px;margin-left:-3px;border:3px solid var(--cl-ink);border-left:0;border-radius:0 5px 5px 0;background:color-mix(in oklab,var(--dyn-accent) 34%,#ffffff);flex:none}.cl-key-shaft:after,.cl-key-shaft:before{content:"";position:absolute;bottom:-8px;width:5px;height:8px;background:var(--cl-ink)}.cl-key-shaft:before{right:3px}.cl-key-shaft:after{right:13px;height:5px;bottom:-5px}.cl-key-tag{min-width:0;display:flex;flex-direction:column;gap:1px}.cl-key-tag b{font-weight:900;font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-key-tag i{font-style:normal;font-size:.7rem;font-weight:700;color:color-mix(in oklab,var(--cl-ink) 58%,transparent)}.cl-rack-empty{position:relative;z-index:1;display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.cl-hook-bare{opacity:.4}.cl-rack-empty p{flex:1 1 220px;margin:0;font-size:.9rem;font-weight:700;color:color-mix(in oklab,var(--cl-ink) 66%,transparent)}.cl-rack-warn{background:color-mix(in oklab,var(--dyn-accent) 14%,#fffaf1)}.cl-warn-note{position:relative;z-index:1;margin:0 0 12px;font-weight:800;font-size:.95rem}.cl-book{position:relative;margin-top:20px;padding:18px 20px 20px 58px;transform:rotate(-.6deg);border:3px solid var(--cl-ink);border-radius:4px 18px 18px 4px;box-shadow:0 6px 0 var(--cl-ink);background:linear-gradient(90deg,var(--cl-ink) 0 12px,transparent 12px),linear-gradient(90deg,transparent 0 43px,color-mix(in oklab,var(--dyn-accent) 70%,#ffffff) 43px 46px,transparent 46px),repeating-linear-gradient(180deg,transparent 0 33px,rgba(27,26,23,.16) 33px 34px),var(--cl-paper);background-position:0 0,0 0,0 46px,0 0}.cl-book:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:12px;background:repeating-linear-gradient(180deg,transparent 0 12px,var(--cl-paper) 12px 20px)}.cl-book-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cl-book-title{font-family:var(--dyn-app-display);font-weight:400;font-size:1.15rem}.cl-swap{border:0;background:none;padding:0;font:inherit;font-size:.8rem;font-weight:800;color:color-mix(in oklab,var(--dyn-accent) 82%,var(--cl-ink));text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cl-swap:focus-visible{outline:3px solid var(--cl-ink);outline-offset:2px}.cl-line{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;height:34px}.cl-line-no{font-size:.7rem;font-weight:900;opacity:.45}.cl-line-name{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.cl-line-ok{font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:2px solid var(--cl-ink);background:var(--dyn-accent);color:var(--dyn-on-accent)}.cl-line-blank .cl-line-rule{grid-column:2/-1;height:3px;border-radius:999px;background:rgba(27,26,23,.14)}.cl-knock{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;border:3px solid var(--cl-ink);background:var(--dyn-accent);color:var(--dyn-on-accent);font:inherit;font-weight:900;font-size:1rem;cursor:pointer;box-shadow:0 5px 0 var(--cl-ink);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.cl-knock:hover:not(:disabled){background:var(--dyn-accent-hover);transform:translateY(2px);box-shadow:0 3px 0 var(--cl-ink)}.cl-knock:focus-visible{outline:3px solid var(--cl-ink);outline-offset:3px}.cl-knock:disabled{opacity:.66;cursor:wait}.cl-fine{position:relative;margin:12px 0 0;font-size:.78rem;font-weight:700;line-height:1.5;color:color-mix(in oklab,var(--cl-ink) 60%,transparent)}.cl-error{margin:12px 0 0;padding:10px 14px;border:3px solid var(--cl-ink);border-radius:12px;background:#ffd9d2;color:#6d1a10;font-size:.85rem;font-weight:800;box-shadow:0 4px 0 var(--cl-ink)}@media (max-width:899px){.cl-sun{width:130px;height:130px;top:30px}.cl-cloud-2,.cl-cloud-3{display:none}.cl-doorway{width:min(78%,240px)}.cl-front{padding:30px 18px 26px}.cl-keys{grid-template-columns:1fr}.cl-mat{bottom:-20px}}@media (prefers-reduced-motion:reduce){.cl-back,.cl-door,.cl-key,.cl-key-body,.cl-knock,.cl-lamp,.cl-peek{transition:none!important}}