*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--ink:#1c1c1c;--black:#111;--mid:#6e6e6e;--soft:#9a9a9a;--mist:#d4d4d4;--line:rgba(0,0,0,.06);--display:"Cormorant Garamond",Georgia,serif;--cols:4;--rh:78px;--pad:16px;--shell:#c4c4c4;--glass:rgba(255,255,255,.55);--glass-strong:rgba(255,255,255,.82);--glass-border:rgba(255,255,255,.5);--grid:rgba(0,0,0,.04);--ico-border:rgba(0,0,0,.09);--shadow:0 28px 64px rgba(0,0,0,.11);--device-inset:0 0 0 1px rgba(255,255,255,.45) inset;--vvh:100dvh}html[data-theme=dark]{--ink:#e8e8e8;--black:#f4f4f4;--mid:#a8a8a8;--soft:#787878;--mist:#3a3a3a;--line:rgba(255,255,255,.07);--shell:#121212;--glass:rgba(44,44,44,.62);--glass-strong:rgba(36,36,36,.88);--glass-border:rgba(255,255,255,.08);--grid:rgba(255,255,255,.05);--ico-border:rgba(255,255,255,.1);--shadow:0 28px 64px rgba(0,0,0,.45);--device-inset:0 0 0 1px rgba(255,255,255,.06) inset;color-scheme:dark}html,body{height:100%;overflow:hidden;min-height:100dvh;width:100%}#root{width:100%;height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}html.standalone,html.standalone body,html.mobile,html.mobile body{height:100%;min-height:100dvh;width:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--shell);display:flex;align-items:center;justify-content:center;color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}html.standalone body,html.mobile body,html.standalone #root,html.mobile #root{align-items:stretch;justify-content:stretch;background:#ececec}html[data-theme=dark].standalone body,html[data-theme=dark].mobile body{background:#1a1a1a}.device{width:min(390px,100vw);height:min(844px,100dvh);max-height:100dvh;flex-shrink:0;border-radius:42px;overflow:hidden;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse 100% 75% at 50% -8%,rgba(255,255,255,.92),transparent 58%),radial-gradient(ellipse 70% 55% at 0% 45%,rgba(210,210,210,.45),transparent 52%),radial-gradient(ellipse 65% 50% at 100% 55%,rgba(190,190,190,.35),transparent 48%),linear-gradient(180deg,#ececec,#dedede);box-shadow:var(--device-inset),var(--shadow);transition:background .35s ease,box-shadow .35s ease}html.standalone .device,html.mobile .device{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:var(--vvh,100dvh);min-height:0;max-width:none;max-height:none;flex:none;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (display-mode:standalone){body,#root{align-items:stretch;justify-content:stretch;background:#ececec}.device{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:var(--vvh,100dvh);min-height:0;max-width:none;max-height:none;flex:none;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (hover:none) and (pointer:coarse){body,#root{align-items:stretch;justify-content:stretch;background:#ececec}.device{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:var(--vvh,100dvh);min-height:0;max-width:none;max-height:none;flex:none;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html[data-theme=dark] body{background:#1a1a1a}}html.in-browser .foot{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.install-hint{display:none;position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:210;padding:10px 12px;border-radius:14px;font-size:11px;line-height:1.45;color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #0000001f}.install-hint.show{display:flex;align-items:flex-start;gap:8px}.install-hint p{flex:1;margin:0}.install-hint button{flex-shrink:0;border:none;background:transparent;color:var(--soft);font-size:16px;line-height:1;padding:0 2px;cursor:pointer}html[data-theme=dark] .device{background:radial-gradient(ellipse 100% 75% at 50% -8%,rgba(70,70,70,.45),transparent 58%),radial-gradient(ellipse 70% 55% at 0% 45%,rgba(45,45,45,.4),transparent 52%),radial-gradient(ellipse 65% 50% at 100% 55%,rgba(35,35,35,.35),transparent 48%),linear-gradient(180deg,#2a2a2a,#1a1a1a)}.status{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:14px var(--pad) 6px;font-size:14px;font-weight:500;z-index:3}.status svg{stroke:var(--ink);fill:none;stroke-width:1.5}.status-right{display:flex;gap:5px;align-items:center}.status .bat-fill{fill:var(--ink);stroke:none}.theme-btn{width:28px;height:28px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--soft);transition:opacity .2s,color .35s}.theme-btn:active{opacity:.45}.theme-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}.theme-btn .icon-sun,html[data-theme=dark] .theme-btn .icon-moon{display:none}html[data-theme=dark] .theme-btn .icon-sun{display:block}.pages{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;min-height:0}.pages::-webkit-scrollbar{display:none}.page{flex:0 0 100%;scroll-snap-align:start;min-height:0;display:flex;flex-direction:column}.desk{flex:1;min-height:0;position:relative;margin:0 var(--pad);touch-action:pan-x;overflow:hidden}.desk-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .2s;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:var(--cw) var(--rh)}.desk.editing .desk-grid{opacity:1}.desk-canvas{position:absolute;top:0;left:0;right:0;bottom:10px;z-index:1;overflow:hidden}.desk.editing .desk-canvas{overflow:visible;z-index:2}.desk-apps{position:absolute;top:0;left:0;right:0;bottom:10px;z-index:2;pointer-events:none}.desk.editing .desk-apps{z-index:3}.desk-apps .tile{pointer-events:auto}.desk.editing .tile.wg{z-index:3}.desk.editing .tile.app{z-index:4}.desk.editing .tile.wg-week{z-index:5}.desk-bar{position:absolute;top:0;right:0;z-index:5;display:flex;gap:4px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}.desk.editing .desk-bar{opacity:1;visibility:visible}.desk-bar button{pointer-events:auto;width:32px;height:32px;border:none;border-radius:50%;background:var(--glass);color:var(--soft);font-size:13px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.desk-bar button:active{opacity:.45}.desk-bar .done{width:auto;padding:0 12px;font-size:11px;border-radius:999px;letter-spacing:.04em}.desk-bar .reset{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.tile{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;will-change:left,top}.desk:not(.editing) .tile{cursor:default}.desk.editing .tile{cursor:grab}.tile.dragging{cursor:grabbing;z-index:50}.desk.editing .tile.wobble{animation:wobble .35s ease-in-out infinite alternate}@keyframes wobble{0%{transform:rotate(-.45deg)}to{transform:rotate(.45deg)}}.desk.editing .tile.wg{outline:1px dashed rgba(0,0,0,.09);outline-offset:-3px;border-radius:8px}.desk.editing .tile.app{outline:1px dashed rgba(0,0,0,.07);outline-offset:-2px;border-radius:10px}html[data-theme=dark] .desk.editing .tile.wg{outline-color:#ffffff1f}html[data-theme=dark] .desk.editing .tile.app{outline-color:#ffffff1a}.tile-del{display:none;position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:none;background:var(--ink);color:#fff;font-size:11px;line-height:18px;text-align:center;cursor:pointer;z-index:5}.desk.editing .tile-del{display:block}.tile-grip{display:none;position:absolute;top:0;left:0;right:0;height:16px;z-index:4;cursor:grab;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent)}.desk.editing .tile.wg .tile-grip{display:block}.tile.dragging .tile-grip{cursor:grabbing}.tile-inner{width:100%;height:100%;padding:8px 12px;overflow:hidden}.wg-profile .row{display:flex;justify-content:space-between;align-items:flex-start}.wg-profile .who{display:flex;align-items:center;gap:10px}.wg-profile .ava{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#f2f2f2,#c6c6c6);border:1px solid rgba(255,255,255,.75)}.wg-profile .who b{font-size:14px;font-weight:500}.wg-profile .who span{display:block;font-size:10px;color:var(--soft);margin-top:2px;letter-spacing:.03em}.wg-profile .tag{font-size:9px;color:var(--mist);letter-spacing:.16em;text-transform:uppercase;padding-top:6px}.wg-hero{display:flex;gap:16px;height:100%;align-items:stretch}.wg-hero .left{flex:1;display:flex;flex-direction:column;justify-content:center}.wg-hero .date{font-size:10px;color:var(--soft);letter-spacing:.1em;margin-bottom:6px}.wg-hero .time{font-family:var(--display);font-size:3.5rem;font-weight:300;line-height:.9;letter-spacing:-.03em;color:var(--black)}.wg-hero .sep{width:1px;background:linear-gradient(180deg,var(--mist),transparent 80%);margin:4px 0}.wg-hero .right{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;width:72px;padding-bottom:2px}.wg-hero .hint{font-family:var(--display);font-style:italic;font-size:12px;color:var(--mid);line-height:1.35}.wg-hero .greet{font-size:10px;color:var(--soft);letter-spacing:.05em}.wg-cards{position:relative;height:100%}.wg-cards .c{position:absolute;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 20px #0000000d}.wg-cards .c .fill{height:100%;filter:saturate(.08)}.wg-cards .c1{width:55%;height:88%;left:0;top:8%;transform:rotate(-2.5deg);opacity:.75;z-index:1}.wg-cards .c1 .fill{background:linear-gradient(155deg,#c8c8c8,#8e8e8e)}.wg-cards .c2{width:48%;height:78%;right:0;top:4%;transform:rotate(3.5deg);opacity:.85;z-index:2}.wg-cards .c2 .fill{background:linear-gradient(145deg,#bababa,#767676)}.wg-cards .c3{width:52%;height:82%;left:22%;top:6%;transform:rotate(-1deg);z-index:3}.wg-cards .c3 .fill{background:linear-gradient(160deg,#b2b2b2,#707070)}.wg-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 10px;height:100%;font-family:var(--display);font-style:italic;font-size:12px;color:var(--soft)}.wg-meta .dot{color:var(--mist);font-style:normal}.wg-diary{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;padding:0 8px}.wg-diary .line{font-family:var(--display);font-style:italic;font-weight:300;font-size:1.15rem;line-height:1.55;color:var(--mid);white-space:pre-wrap}.wg-diary .steps{margin-top:8px;font-family:var(--display);font-size:1.4rem;color:var(--mist);font-weight:300}.wg-diary .steps small{font-size:10px;color:var(--soft);font-family:DM Sans,sans-serif;margin-left:3px}.wg-quote{display:flex;align-items:center;justify-content:center;height:100%}.wg-quote p{font-family:var(--display);font-style:italic;font-size:12px;color:var(--soft)}.wg-cd{height:100%;display:flex;flex-direction:column;justify-content:center;padding:4px 8px}.wg-cd .top{display:flex;align-items:baseline;gap:6px}.wg-cd .num{font-family:var(--display);font-size:2.5rem;font-weight:300;line-height:1;color:var(--black);letter-spacing:-.02em}.wg-cd .unit{font-size:9px;color:var(--soft);letter-spacing:.1em}.wg-cd .title{font-family:var(--display);font-size:1.2rem;font-style:italic;margin-top:4px;color:var(--black)}.wg-cd .sub{font-size:9px;color:var(--mist);margin-top:4px;line-height:1.5}.wg-cd .sub em{font-family:var(--display);font-style:italic;color:var(--mid)}.wg-note{height:100%;display:flex;flex-direction:column;padding:6px 4px;border-top:1px solid var(--line)}.wg-note .lbl{font-size:9px;color:var(--mist);letter-spacing:.1em;margin-bottom:6px}.wg-note .txt{font-family:var(--display);font-style:italic;font-size:13px;line-height:1.5;color:var(--mid);white-space:pre-wrap;flex:1}.wg-duo{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:4px}.wg-duo .lbl{font-size:9px;color:var(--mist);letter-spacing:.1em;margin-bottom:6px}.wg-duo .faces{display:flex;margin-bottom:5px}.wg-duo .faces i{width:24px;height:24px;border-radius:50%;display:block;background:linear-gradient(145deg,#ececec,#bdbdbd);border:1.5px solid rgba(255,255,255,.6)}.wg-duo .faces i+i{margin-left:-8px}.wg-duo .cap{font-family:var(--display);font-style:italic;font-size:10px;color:var(--soft)}.wg-week{height:100%;display:flex;flex-direction:column;justify-content:center;padding:4px 6px}.wg-week .days{display:flex;justify-content:space-between}.wg-week .days i{width:32px;height:32px;border-radius:50%;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--soft)}.wg-week .days i.on{background:var(--ink);color:#fff}.wg-week .tip{text-align:center;font-family:var(--display);font-style:italic;font-size:10px;color:var(--soft);margin-top:8px}.desk[data-p="2"] .tile.wg-week{z-index:3}.wg-music{height:100%;display:flex;align-items:center;gap:14px;padding:4px 6px}.wg-music .cover{width:52px;height:52px;border-radius:14px;flex-shrink:0;background:linear-gradient(145deg,#d8d8d8,#9a9a9a);border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 14px #0000000f}.wg-music .info{flex:1;min-width:0}.wg-music .lbl{font-size:9px;color:var(--mist);letter-spacing:.1em;margin-bottom:5px}.wg-music .title{font-family:var(--display);font-style:italic;font-size:1.05rem;color:var(--black);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-music .artist{font-size:10px;color:var(--soft);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-music .bar{height:2px;border-radius:1px;background:var(--line);margin-top:10px;overflow:hidden}.wg-music .bar i{display:block;height:100%;width:38%;background:var(--mid);border-radius:1px;opacity:.55}.wg-card{height:100%;display:flex;flex-direction:column;padding:6px 8px}.wg-card .lbl{font-size:9px;color:var(--mist);letter-spacing:.1em;margin-bottom:6px}.wg-card .body{font-family:var(--display);font-style:italic;font-size:13px;line-height:1.55;color:var(--mid);white-space:pre-wrap;flex:1;overflow:hidden}.wg-custom{height:100%;display:flex;flex-direction:column;padding:6px 8px;gap:4px;overflow:hidden}.wg-custom.mode-image{padding:0;gap:0}.wg-custom.mode-code{padding:0;position:relative}.wg-custom .tag{font-size:9px;color:var(--mist);letter-spacing:.12em;text-transform:uppercase}.wg-custom .title{font-family:var(--display);font-style:italic;font-size:1rem;color:var(--black);line-height:1.3}.wg-custom .body{font-family:var(--display);font-style:italic;font-size:12px;line-height:1.55;color:var(--mid);white-space:pre-wrap;flex:1;overflow:hidden}.wg-custom .img-wrap{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--glass)}.wg-custom .img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.wg-custom .img-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--mist);border:1px dashed var(--line);background:transparent}.desk.editing .wg-custom .img-wrap{cursor:pointer}.wg-custom .caption{flex-shrink:0;font-size:9px;color:var(--soft);padding:5px 8px;border-top:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-custom .code-frame{border:none;width:100%;height:100%;display:block;background:transparent;pointer-events:auto}.desk.editing .wg-custom.mode-code .code-frame{pointer-events:none}.wg-custom.mode-code .code-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;pointer-events:auto;cursor:grab;border-radius:inherit}.wg-custom .tile-code-edit{position:absolute;right:6px;bottom:6px;z-index:2;border:none;border-radius:8px;padding:4px 8px;font-size:9px;background:var(--glass-strong);color:var(--mid);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.desk.editing [data-e]{outline:none;cursor:text}.desk.editing [data-e]:empty:before{content:attr(data-ph);color:var(--mist);font-style:italic}.desk.editing [data-e]:focus{border-bottom:1px dashed var(--mist)}.toast-bar{position:fixed;left:50%;top:54px;transform:translate(-50%) translateY(-10px);display:flex;align-items:center;gap:8px;max-width:min(360px,calc(100% - 28px));width:max-content;padding:10px 14px;border-radius:14px;font-size:12px;line-height:1.35;color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 28px #0000001f;opacity:0;pointer-events:none;transition:opacity .28s,transform .28s;z-index:200}.toast-bar.show{opacity:1;transform:translate(-50%) translateY(0)}.toast-bar .toast-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--mid)}.toast-bar.toast-success .toast-dot{background:#6b8f71}.toast-bar.toast-warn .toast-dot{background:#b8895a}.toast-bar.toast-info .toast-dot{background:#7a8a99}.toast-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}html[data-theme=dark] .toast-bar.toast-success .toast-dot{background:#8fae94}html[data-theme=dark] .toast-bar.toast-warn .toast-dot{background:#c9a06a}html[data-theme=dark] .toast-bar.toast-info .toast-dot{background:#9aa8b5}.page:first-child .desk:after{content:"P";position:absolute;left:50%;top:72px;transform:translate(-50%);font-family:var(--display);font-size:7rem;font-weight:300;color:var(--mist);opacity:.1;pointer-events:none;z-index:0;line-height:1}.tile.app{width:var(--cw)}.app-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;pointer-events:none}.app-box .ico{display:flex;align-items:center;justify-content:center;border:1px solid var(--ico-border);transition:transform .18s,opacity .18s}.app-box .ico svg{stroke:var(--mid);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.app-box span{font-size:9px;color:var(--soft);white-space:nowrap;line-height:1.1}.tile.app:active .ico{transform:scale(.9);opacity:.6}.desk[data-p="1"] .ico{width:48px;height:48px;border-radius:50%}.desk[data-p="1"] .ico svg{width:18px;height:18px}.desk[data-p="1"] .tile.app[data-d="1"] .ico{background:var(--ink);border-color:transparent}.desk[data-p="1"] .tile.app[data-d="1"] .ico svg{stroke:#fff}.desk[data-p="2"] .ico{width:44px;height:44px;border-radius:12px}.desk[data-p="2"] .ico svg{width:17px;height:17px}.desk[data-p="2"] .tile.app[data-d="1"] .ico{background:var(--ink);border-color:transparent;border-radius:50%}.desk[data-p="2"] .tile.app[data-d="1"] .ico svg{stroke:#fff}html[data-theme=dark] .tile.app[data-d="1"] .ico svg{stroke:#1a1a1a}.picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000001a;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 20px}.picker[hidden]{display:none!important}.picker-box{width:100%;border-radius:20px;padding:16px;background:var(--glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 36px #00000014}.picker-box h4{font-size:10px;color:var(--soft);text-align:center;letter-spacing:.12em;margin-bottom:12px;font-weight:400}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.picker-grid button,.picker-grid .picker-item{border:none;background:transparent;padding:6px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.picker-grid button:active,.picker-grid .picker-item:active{opacity:.45}.picker-grid .ico{width:42px;height:42px;border-radius:12px;border:1px solid var(--ico-border);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-style:italic;font-size:14px;color:var(--mid)}.picker-grid span{font-size:9px;color:var(--soft)}.picker-grid .picker-item{position:relative}.picker-grid .picker-rm{position:absolute;top:0;right:2px;width:16px;height:16px;border-radius:50%;border:none;background:var(--ink);color:#fff;font-size:10px;line-height:16px;padding:0;cursor:pointer;display:none}.desk.editing .picker-grid .picker-rm{display:block}.picker-custom-hint{font-size:9px;color:var(--mist);text-align:center;margin:-4px 0 8px;letter-spacing:.06em}.picker-box .close{width:100%;border:none;background:transparent;padding:8px;font-size:11px;color:var(--mid);cursor:pointer}.picker-box .make{width:100%;border:1px dashed var(--line);background:transparent;border-radius:12px;padding:9px;margin-bottom:10px;font-size:11px;color:var(--mid);cursor:pointer}.creator[hidden]{display:none!important}.creator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;background:#0000001f;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 20px}.creator-box{width:100%;border-radius:20px;padding:16px;background:var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.creator-box h4{font-size:10px;color:var(--soft);text-align:center;letter-spacing:.14em;margin-bottom:12px;font-weight:400;font-family:var(--display);font-style:italic}.creator-box label{display:block;font-size:9px;color:var(--mist);letter-spacing:.08em;margin:8px 0 4px}.creator-box input,.creator-box select{width:100%;border:1px solid var(--ico-border);background:transparent;border-radius:10px;padding:8px 10px;font-size:12px;color:var(--ink);font-family:inherit}.creator-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}.creator-sizes button{border:1px solid var(--ico-border);background:transparent;border-radius:10px;padding:7px 2px;font-size:9px;color:var(--mid);cursor:pointer}.creator-sizes button.on{border-color:var(--ink);color:var(--ink)}.creator-actions{display:flex;gap:8px;margin-top:12px}.creator-actions button{flex:1;border:none;border-radius:12px;padding:9px;font-size:11px;cursor:pointer}.creator-actions .save{background:var(--ink);color:#fff}.creator-actions .cancel{background:transparent;color:var(--mid);border:1px solid var(--line)}.creator-modes{display:flex;gap:6px;margin-bottom:10px}.creator-modes button{flex:1;border:1px solid var(--ico-border);background:transparent;border-radius:10px;padding:7px 2px;font-size:10px;color:var(--mid);cursor:pointer}.creator-modes button.on{border-color:var(--ink);color:var(--ink)}.creator-panel[hidden]{display:none!important}.creator-hint{font-size:9px;color:var(--mist);margin-top:6px;line-height:1.45}.code-preview-wrap{margin:4px 0 10px}.code-preview-label{font-size:9px;color:var(--mist);letter-spacing:.08em;margin-bottom:4px}.code-preview-frame{width:100%;height:128px;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:var(--glass)}.code-preview-frame iframe{width:100%;height:100%;border:none;display:block;background:transparent;pointer-events:auto}.creator-box textarea{width:100%;border:1px solid var(--ico-border);background:transparent;border-radius:10px;padding:8px 10px;font-size:11px;color:var(--ink);font-family:ui-monospace,monospace;resize:vertical;min-height:64px;line-height:1.45}.c-preview{width:100%;height:96px;border-radius:12px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--mist);cursor:pointer;background:center/cover no-repeat;overflow:hidden}.code-editor[hidden]{display:none!important}.code-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0000002e;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 24px}.code-editor-box{width:100%;max-width:420px;border-radius:20px;padding:16px;background:var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-height:78vh;overflow:auto}.code-editor-box h4{font-size:10px;color:var(--soft);text-align:center;letter-spacing:.14em;margin-bottom:12px;font-weight:400;font-family:var(--display);font-style:italic}.code-editor-box label{display:block;font-size:9px;color:var(--mist);letter-spacing:.08em;margin:8px 0 4px}.code-editor-box textarea{width:100%;border:1px solid var(--ico-border);background:transparent;border-radius:10px;padding:8px 10px;font-size:11px;color:var(--ink);font-family:ui-monospace,monospace;resize:vertical;min-height:72px;line-height:1.45}.desk-tip{position:absolute;bottom:6px;left:0;right:0;text-align:center;z-index:4;font-size:9px;color:var(--mist);opacity:0;transition:opacity .25s;pointer-events:none}.desk.editing .desk-tip{opacity:1}.foot{flex-shrink:0;padding:4px var(--pad) 22px;z-index:3;position:relative;transition:padding .3s}.foot.dock-mist{padding:4px var(--pad) 26px}.foot.dock-slate{padding:0}.foot.dock-drift{padding:4px var(--pad) 30px}.dots{display:flex;gap:5px;justify-content:center;margin-bottom:10px;transition:margin .3s}.foot.dock-slate .dots{margin-bottom:6px;padding-top:6px}.dots i{width:5px;height:5px;border-radius:50%;background:var(--mist);transition:.3s;display:block}.dots i.on{background:var(--ink);width:16px;border-radius:3px}.nav-dock{display:flex;justify-content:space-around;align-items:center;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,#ebebebfa,#dededef5);border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 22px #00000012,inset 0 1px #ffffff73;transition:background .3s,border-radius .3s,box-shadow .3s,padding .3s,gap .3s}html[data-theme=dark] .nav-dock{background:linear-gradient(180deg,#262626fa,#1a1a1afa);border-color:#ffffff14;box-shadow:0 6px 22px #00000059,inset 0 1px #ffffff0a}.nav-dock svg{width:24px;height:24px;stroke:var(--soft);fill:none;stroke-width:1.5;stroke-linecap:round;cursor:pointer;transition:stroke .25s,transform .25s,background .25s,box-shadow .25s,padding .25s}.nav-dock svg.on{stroke:var(--ink);stroke-width:2}.foot.dock-mist .nav-dock{max-width:300px;margin:0 auto}.foot.dock-slate .nav-dock{width:100%;border-radius:24px 24px 0 0;padding:16px 28px 22px;background:linear-gradient(180deg,#d2d2d2fa,#c6c6c6f5);border:none;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -20px 48px #0000001a,inset 0 1px #ffffff59;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=dark] .foot.dock-slate .nav-dock{background:linear-gradient(180deg,#222222fa,#161616fa);border-top-color:#ffffff14;box-shadow:0 -20px 48px #00000059,inset 0 1px #ffffff0a}.foot.dock-slate .nav-dock svg{padding:6px;border-radius:14px}.foot.dock-slate .nav-dock svg.on{background:#00000012;stroke:var(--ink);stroke-width:2;box-shadow:inset 0 0 0 1px #0000000a}html[data-theme=dark] .foot.dock-slate .nav-dock svg.on{background:#ffffff14}.foot.dock-drift .nav-dock{background:transparent;border-color:transparent;gap:14px;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.foot.dock-drift .nav-dock svg{padding:12px;background:#f0f0f0fa;border-radius:50%;border:1px solid rgba(0,0,0,.08);box-sizing:content-box;box-shadow:0 8px 22px #00000017}html[data-theme=dark] .foot.dock-drift .nav-dock svg{background:#242424fa;border-color:#ffffff14}.foot.dock-drift .nav-dock svg.on{background:var(--ink);stroke:#f4f4f4;stroke-width:1.8;transform:translateY(-5px) scale(1.06);box-shadow:0 14px 30px #0000002e}html[data-theme=dark] .foot.dock-drift .nav-dock svg.on{stroke:#1a1a1a}.nav-dock.editing-dock{outline:1px dashed var(--mist);outline-offset:4px}.foot.dock-slate .nav-dock.editing-dock{outline-offset:0;outline:none;border-top:1px dashed var(--mist)}.dock-picker{position:absolute;left:var(--pad);right:var(--pad);bottom:78px;z-index:60;border-radius:18px;padding:14px;background:var(--glass-strong);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 36px #0000001a}.dock-picker[hidden]{display:none!important}.dock-picker h4{font-size:10px;color:var(--soft);text-align:center;letter-spacing:.14em;margin-bottom:10px;font-weight:400;font-family:var(--display);font-style:italic}.dock-styles{display:flex;gap:8px;margin-bottom:10px}.dock-styles button{flex:1;border:1px solid var(--ico-border);background:transparent;border-radius:12px;padding:8px 4px;font-size:10px;color:var(--mid);cursor:pointer;line-height:1.35}.dock-styles button small{display:block;font-size:8px;color:var(--soft);margin-top:2px}.dock-styles button.on{border-color:var(--ink);color:var(--ink)}.dock-picker .close{width:100%;border:none;background:transparent;padding:6px;font-size:11px;color:var(--mid);cursor:pointer}