:root{--dn-ink:#0a0a0a;--dn-bar-h:.625rem;--dn-w:12.5rem;--dn-h:2.375rem;--dn-we:min(33rem, calc(100vw - 1.5rem));--dn-he:21rem;--spring-out:linear(0, .36 12%, .86 24%, 1.06 36%, 1.12 44%, 1.02 62%, .98 74%, 1);--spring-in:cubic-bezier(.3, .9, .3, 1);--spring-soft:linear(0, .42 14%, .88 28%, 1.03 44%, 1.005 62%, 1)}.dn-bar{z-index:98;height:calc(var(--dn-bar-h) + env(safe-area-inset-top));background:var(--dn-ink);position:fixed;top:0;left:0;right:0}.dn-panel{z-index:99;width:var(--dn-we);height:var(--dn-he);padding-top:env(safe-area-inset-top);transform-origin:top;clip-path:inset(0 calc((100% - var(--dn-w)) / 2) calc(100% - var(--dn-h) - env(safe-area-inset-top)) calc((100% - var(--dn-w)) / 2) round 0 0 .625rem .625rem);transition:clip-path .35s var(--spring-in);position:fixed;top:0;left:50%;translate:-50%}.dn[data-expanded] .dn-panel{clip-path:inset(0 round 0 0 1.25rem 1.25rem);transition:clip-path .45s var(--spring-soft)}.dn[data-willing]:not([data-expanded]) .dn-panel{clip-path:inset(0 calc((100% - var(--dn-w) * 1.18) / 2) calc(100% - var(--dn-h) * 1.4 - env(safe-area-inset-top)) calc((100% - var(--dn-w) * 1.18) / 2) round 0 0 .75rem .75rem);transition:clip-path .4s var(--spring-out)}.dn[data-gulp] .dn-panel{animation:dn-gulp .45s var(--spring-out)}@keyframes dn-gulp{0%{scale:1}30%{scale:1.09 1.26}to{scale:1}}.dn-body{background:var(--dn-ink);border-radius:0 0 1.25rem 1.25rem;position:absolute;inset:0;overflow:hidden}.dn-compact{width:var(--dn-w);height:var(--dn-h);color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.5rem;padding:0;transition:opacity .2s;display:flex;position:absolute;top:0;left:50%;translate:-50%}.dn-compact:disabled{cursor:default}.dn-compact:focus-visible{outline-offset:-.375rem;border-radius:.75rem;outline:1px solid #ffffffb3}.dn[data-expanded] .dn-compact{opacity:0;visibility:hidden;pointer-events:none}.dn-mark{width:auto;height:1.05rem;display:block}.dn-badge{color:#fff;min-width:1.125rem;height:1.125rem;animation:dn-badge-pop .35s var(--spring-out);background:#34c759;border-radius:999px;justify-content:center;align-items:center;padding:0 .3rem;font-size:.75rem;font-weight:600;display:inline-flex}@keyframes dn-badge-pop{0%{scale:.4}60%{scale:1.2}to{scale:1}}.dn-status{color:#ffffffd9;align-items:center;gap:.5rem;font-size:12px;font-weight:500;animation:.3s dn-status-in;display:inline-flex}.dn-status-check{color:#000;background:#30d158;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.625rem;font-weight:700;display:flex}@keyframes dn-status-in{0%{opacity:0;translate:0 .25rem}}.dn-expanded{color:#fff;opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s;position:absolute;inset:0}.dn[data-expanded] .dn-expanded{opacity:1;visibility:visible;transition:opacity .3s .12s,visibility}.concept{min-height:100svh}.concept-hero-title{letter-spacing:-.06em;text-shadow:var(--ink-bloom);margin:0;font-family:Times New Roman,Times,serif;font-size:clamp(4.5rem,8vw,6rem);font-weight:700;line-height:.82}.concept-lede{color:#242424;letter-spacing:-.025em;max-width:34rem;margin:1.5rem auto 0;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.3}.concept-lede a{color:inherit}.concept-actions{justify-content:center;margin-top:2.25rem}.concept-gulp .dn{--dn-we:min(18.75rem, calc(100vw - 1.5rem));--dn-he:26.25rem}.gulp-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:6rem 1.5rem 4rem;display:flex;position:relative}.gulp-footer{justify-content:center;display:flex;position:absolute;bottom:1.25rem;left:0;right:0}.gulp-footer a{color:var(--soft);align-items:center;gap:.375rem;font-size:.8125rem;text-decoration:none;display:flex}.gulp-footer a:hover{text-underline-offset:.2em;text-decoration:underline}.gulp-footer img{opacity:.72;width:auto;height:.75rem;display:block}.artifact{z-index:5;rotate:var(--tilt,0deg);color:var(--dn-ink);border:1px solid var(--rule);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:translate;background:#fff;border-radius:.75rem;transition:scale .25s,box-shadow .25s;position:absolute;box-shadow:0 1px 2px #0a0a0a0f,0 8px 24px #0a0a0a12}.artifact[data-dragging]{z-index:120;cursor:grabbing;transition:scale .25s,box-shadow .25s;scale:1.05;box-shadow:0 2px 6px #0a0a0a1a,0 18px 44px #0a0a0a29}.artifact[data-flying]{z-index:120;pointer-events:none;transition:translate .45s var(--spring-in), scale .45s var(--spring-in), opacity .3s ease .12s}.artifact[data-returning]{transition:translate .55s var(--spring-out), scale .3s ease, box-shadow .3s ease}.artifact--link,.artifact--wiki{border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .875rem;font-family:Geist Mono,monospace;font-size:.8125rem;display:flex}.artifact--link{--tilt:-3deg;top:22%;left:calc(50% - 44vw)}.artifact--wiki{--tilt:2deg;top:12%;right:calc(50% - 26vw)}.artifact--palette{--tilt:1.5deg;gap:.25rem;padding:.5rem;display:flex;top:42%;left:calc(50% - 40vw)}.artifact--palette i{border-radius:.25rem;width:1.125rem;height:1.625rem}.artifact--og{--tilt:-2deg;padding:.375rem;top:44%;right:calc(50% - 40vw)}.artifact--og img{border-radius:.5rem;width:clamp(6.5rem,13vw,9rem);display:block}.artifact--wave{--tilt:-1.5deg;padding:.375rem;top:80%;left:calc(50% - 30vw)}.artifact--starry{--tilt:2deg;padding:.375rem;top:82%;right:calc(50% - 28vw)}.artifact--wave img,.artifact--starry img{border-radius:.5rem;width:clamp(6rem,12vw,8.5rem);display:block}.artifact--mac{--tilt:-2deg;padding:.5rem .625rem .375rem;top:28%;left:calc(50% - 43vw)}.artifact--mac svg{display:block}.artifact--image{--tilt:2.5deg;padding:.375rem;top:16%;right:calc(50% - 36vw)}.artifact--image img{border-radius:.5rem;width:clamp(6rem,12vw,8.5rem);display:block}.artifact--earthrise{--tilt:2deg;padding:.375rem;top:60%;left:calc(50% - 38vw)}.artifact--record{--tilt:-1.5deg;padding:.375rem;top:56%;right:calc(50% - 44vw)}.artifact--rhino{--tilt:-2deg;padding:.375rem;top:9%;left:calc(50% - 21vw)}.artifact--pearl{--tilt:1.5deg;padding:.375rem;top:24%;right:calc(50% - 42vw)}.artifact--earthrise img,.artifact--record img{border-radius:.5rem;width:clamp(5.5rem,10vw,7rem);display:block}.artifact--rhino img{border-radius:.5rem;width:clamp(7rem,13vw,9rem);display:block}.artifact--pearl img{border-radius:.5rem;width:clamp(5rem,9vw,6.5rem);display:block}.artifact--file{--tilt:-2deg;text-align:left;align-items:center;gap:.625rem;padding:.625rem .875rem;display:flex;top:68%;right:calc(50% - 35vw)}.artifact-glyph{color:var(--soft)}.artifact-file-name{font-size:.875rem;font-weight:600}.artifact-file-meta{color:var(--muted);font-size:.75rem}@media (width<=40rem){.artifact--link{top:12%}.artifact--image{top:20%}.artifact--wave{top:74%;left:calc(50% - min(21rem,44vw))}.artifact--file{top:88%}.artifact--palette,.artifact--og,.artifact--wiki,.artifact--starry,.artifact--mac,.artifact--earthrise,.artifact--record,.artifact--rhino,.artifact--pearl{display:none}}.app-notch{text-align:left;flex-direction:column;gap:8px;height:100%;padding:14px 16px 12px;display:flex}.app-header{flex-shrink:0;align-items:flex-start;gap:6px;display:flex}.app-picker{color:#fffc;background:#ffffff14;border-radius:8px;flex:1;align-items:center;gap:6px;min-width:0;padding:7px 10px;font-size:12px;font-weight:500;display:flex}.app-picker-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-dot{background:#ff5147;border-radius:50%;flex-shrink:0;width:5px;height:5px}.app-chevron{color:#ffffff4d;margin-left:auto;font-size:9px;font-weight:600}.app-gear{color:#ffffff40;justify-content:center;align-items:center;width:24px;height:30px;font-size:11px;display:flex}.app-dropzone{background-color:#ffffff0b;background-image:radial-gradient(#ffffff1a .9px,#0000 .9px);background-position:6px 6px;background-size:12px 12px;border:1px solid #ffffff24;border-radius:10px;flex:1;min-height:0;transition:background-color .2s,border-color .2s;position:relative}.dn[data-willing] .app-dropzone{background-color:#ffffff14;border-color:#ffffff4d}.app-dropzone--gl,.dn[data-willing] .app-dropzone--gl{background:0 0;border-color:#0000}.app-ripple{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px}.app-dropzone-scroll{scrollbar-width:none;flex-direction:column;gap:6px;padding:10px 10px 2.75rem;display:flex;position:absolute;inset:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000 calc(100% - .375rem));mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000 calc(100% - .375rem))}.app-dropzone-scroll::-webkit-scrollbar{display:none}.app-empty{color:#ffffff40;flex-direction:column;align-items:center;gap:6px;margin:auto;font-size:11px;display:flex}.app-empty-plus{font-size:18px;font-weight:100}.app-card{animation:app-card-in .35s var(--spring-out);background:#ffffff0f;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:6px 8px;display:flex}@keyframes app-card-in{0%{opacity:0;scale:.92}}.app-tile{color:#ffffff4d;background:#ffffff0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex;overflow:hidden}.app-tile img{object-fit:cover;width:100%;height:100%}.app-tile img.app-tile-mark{opacity:.6;width:auto;height:14px}.app-card-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.app-card-title{color:#fffc;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.app-card-meta{color:#ffffff4d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.app-card-remove{color:#ffffff4d;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:8px;font-weight:700;display:flex}.app-card-remove:hover{color:#ffffffb3}.app-input{background:#ffffff0f;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 6px 7px 10px;transition:background .15s,border-color .15s;display:flex}.app-input:focus-within{background:#ffffff17;border-color:#ffffff1a}.app-input input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:12px}.app-input input::placeholder{color:#ffffff4d}.app-input-send{color:#0a0a0a;cursor:pointer;background:#fff;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;padding:0;font-size:10px;font-weight:700;display:flex}.app-actions{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.app-clear{color:#fff6;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:500}.app-clear:hover{background:#ffffff24}.app-save{color:#000;min-width:0;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.app-save-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-save-arrow{color:#fff;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.dn-panel,.dn-body,.dn-compact,.dn-expanded,.dn-badge,.dn-status,.artifact,.app-card{transition:none!important;animation:none!important}}
