:root{color-scheme:light;--paper:#f4fbfa;--tiffany:#81d8d0;--tiffany-soft:#dff6f3;--tiffany-deep:#087f77;--tiffany-dark:#075e58;--ink:#123c39;--muted:#587774;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;color:var(--ink);margin:0}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wallpaper{background:radial-gradient(circle at 12% 8%,#81d8d08c,#0000 32%),radial-gradient(circle at 92% 12%,#078f8552,#0000 36%),linear-gradient(145deg,#f0fbfa 0%,#dff6f3 52%,#7fd4cc 100%);position:fixed;inset:0;overflow:hidden}.wallpaper:after{content:"";opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");position:absolute;inset:0}.glow{filter:blur(2px);border-radius:999px;display:block;position:absolute}.glow-one{background:#81d8d06b;width:45vw;height:45vw;top:22%;left:-12vw}.glow-two{background:#078f8542;width:58vw;height:58vw;bottom:-18vw;right:-16vw}.glow-three{background:#075e582e;width:18vw;height:18vw;top:40%;left:55%}.desktop{z-index:1;width:min(1120px,100%);min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;margin-inline:auto;display:grid;position:relative}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.identity{justify-self:start;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.avatar{backdrop-filter:blur(16px);letter-spacing:-.04em;background:#ffffff8c;border:1px solid #078f853d;border-radius:14px;place-items:center;width:46px;height:46px;font-size:14px;font-weight:750;display:grid;box-shadow:inset 0 1px #fffc,0 12px 30px #075e581f}.identity-copy{gap:2px;display:grid}.identity-copy strong{letter-spacing:-.01em;font-size:15px}.identity-copy small{color:var(--muted);font-size:12px}.site-nav{backdrop-filter:blur(18px);background:#fff9;border:1px solid #078f852e;border-radius:999px;justify-self:center;align-items:center;gap:2px;min-height:42px;padding:4px;display:flex;box-shadow:inset 0 1px #fffc,0 12px 30px #075e581a}.site-nav a{color:#123c39b8;border-radius:999px;place-items:center;min-height:32px;padding-inline:16px;font-size:13px;font-weight:650;line-height:1;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .18s;display:grid}.site-nav a:hover{color:var(--tiffany-dark);background:#81d8d04d}.site-nav a[aria-current=page]{color:#fff;background:var(--tiffany-dark);box-shadow:0 4px 12px #075e5833}.status{backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid #078f852e;border-radius:999px;justify-self:end;align-items:center;gap:10px;min-height:40px;padding:0 14px;display:flex;box-shadow:inset 0 1px #fffc}.status time{font-variant-numeric:tabular-nums;min-width:42px;font-size:12px;font-weight:650}.wifi{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;fill-rule:evenodd;width:17px;height:14px;overflow:visible}.wifi path{fill:none}.battery{border:1.4px solid #075e58cc;border-radius:3px;width:20px;height:10px;padding:2px;position:relative}.battery:after{content:"";background:#075e58cc;border-radius:0 2px 2px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.battery span{background:var(--tiffany-deep);border-radius:1px;width:78%;height:100%;display:block}main{align-self:center;width:100%;padding:clamp(64px,10vh,118px) 0}h1{letter-spacing:-.045em;text-align:center;text-shadow:0 2px 20px #075e5824;margin:0 0 clamp(34px,5vh,54px);font-size:clamp(26px,4vw,46px);font-weight:650}.app-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:clamp(28px,5vw,68px);width:min(760px,100%);margin-inline:auto;display:grid}.app-grid--two{grid-template-columns:repeat(2,minmax(110px,1fr));width:min(400px,100%)}.app{text-align:center;-webkit-tap-highlight-color:transparent;align-content:start;justify-items:center;gap:13px;min-width:0;text-decoration:none;display:grid}.app-icon{aspect-ratio:1;border:1px solid #078f8533;border-radius:24%;place-items:center;width:clamp(82px,9vw,104px);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #fffc,0 22px 36px #075e582e,0 3px 8px #075e581f}.app-icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff38,#0000 48%);position:absolute;inset:0}.app-icon svg{border-radius:inherit;width:100%;height:100%;overflow:hidden}.app:hover .app-icon{transform:translateY(-8px)scale(1.035);box-shadow:inset 0 1px #ffffffe6,0 30px 42px #075e583d,0 5px 10px #075e5829}.app:active .app-icon{transition-duration:80ms;transform:scale(.94)}.app:focus-visible{outline:none}.identity:focus-visible{outline:3px solid var(--tiffany-deep);outline-offset:5px;border-radius:14px}.site-nav a:focus-visible{outline:3px solid var(--tiffany-deep);outline-offset:3px}.app:focus-visible .app-icon{outline:3px solid var(--tiffany-deep);outline-offset:5px}.app-name{color:#123c39f5;letter-spacing:-.01em;text-shadow:0 1px 6px #fffc;max-width:132px;font-size:14px;font-weight:580;line-height:1.3}.badge{z-index:2;letter-spacing:.04em;background:#ff3d63;border:2px solid #ffffffeb;border-radius:999px;padding:5px 7px 4px;font-size:9px;font-weight:800;position:absolute;top:-8px;right:-13px;box-shadow:0 5px 12px #4e0a2057}.icon-diary{background:linear-gradient(145deg,#ff9f45,#ff4d70 90%)}.diary-sheet{fill:#fff9ec;filter:drop-shadow(0 5px 5px #7e262033)}.diary-spine,.diary-lines{fill:none;stroke:#e8a1a4;stroke-linecap:round}.diary-spine{stroke-width:2px}.diary-lines{stroke-width:3px}.diary-dot{fill:#ff5675}.icon-recipe{background:linear-gradient(145deg,#ffb347,#e85d3a 90%)}.recipe-pot{fill:#ffffffeb;filter:drop-shadow(0 5px 5px #8c281438)}.recipe-rim{fill:none;stroke:#fffffff5;stroke-width:4px;stroke-linecap:round}.recipe-steam{fill:none;stroke:#fff9;stroke-width:3px;stroke-linecap:round}.recipe-handle{fill:none;stroke:#ffffffb3;stroke-width:3px;stroke-linecap:round}.icon-road{background:linear-gradient(145deg,#37b9dc,#1772c9)}.road-sun{fill:#ffe893}.road-hill-back{fill:#5bc9a3}.road-hill-front{fill:#17936f}.road-surface{fill:#f6f4e8}.road-line{fill:none;stroke:#efb64c;stroke-width:3px;stroke-linecap:round}.icon-people{background:linear-gradient(145deg,#74d9ff,#475ce8)}.people-path{fill:#ffffff38}.person-main{fill:#fff;filter:drop-shadow(0 3px 5px #122d8433)}.person-side{fill:#ffffffb8}.icon-wiki{background:linear-gradient(145deg,#74d9c8,#2379b8)}.wiki-page{fill:#fffffff0;filter:drop-shadow(0 5px 5px #11416838)}.wiki-fold{fill:none;stroke:#8cc9d9;stroke-width:2px;stroke-linejoin:round}.wiki-mark{fill:none;stroke:#2379b8;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.icon-grammar{background:linear-gradient(145deg,#23c8bf,#087c9c)}.grammar-mark{color:#fffffff5;letter-spacing:-.08em;text-shadow:0 5px 8px #07455b47;font-family:Georgia,Times New Roman,serif;font-size:clamp(37px,4vw,47px);font-weight:700;line-height:1;transform:translate(-.04em)}.icon-habit{background:linear-gradient(145deg,#5dd9a0,#1a9a6e)}.habit-board{fill:#ffffffeb;filter:drop-shadow(0 4px 5px #0a462d33)}.habit-clip{fill:#3bb87a}.habit-check{fill:none;stroke:#1a9a6e;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.habit-line{fill:none;stroke:#b4e0cb;stroke-width:3px;stroke-linecap:round}.icon-pomodoro{background:linear-gradient(145deg,#ff7b5a,#d4342a)}.pomo-body{fill:#ef4b3c;filter:drop-shadow(0 5px 6px #78121240)}.pomo-leaf{fill:#5bbf5e}.pomo-stem{fill:none;stroke:#3d8c40;stroke-width:3px;stroke-linecap:round}.pomo-face{fill:#ffffffeb}.pomo-hand{fill:none;stroke:#d4342a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.pomo-dot{fill:#d4342a}footer{justify-content:center;align-items:end;min-height:28px;display:flex;position:relative}footer p{color:#123c398a;margin:0;font-size:11px;position:absolute;bottom:0;right:0}.page-dots{align-items:center;gap:6px;display:flex}.page-dots span{background:#075e5840;border-radius:50%;width:5px;height:5px}.page-dots span.active{background:var(--tiffany-deep);width:7px;height:7px}@media (width<=720px){.desktop{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}main{padding-block:58px}h1{margin-bottom:38px;font-size:30px}.app-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:38px 24px;width:min(470px,100%)}.app-grid--two{width:min(400px,100%)}.app-icon{width:88px}}@media (width<=600px){.topbar{grid-template-columns:minmax(0,1fr) auto;row-gap:16px}.site-nav{grid-area:2/1/auto/-1}.status{grid-area:1/2}}@media (width<=430px){.desktop{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom))}.avatar{border-radius:13px;width:42px;height:42px}.identity-copy small{display:none}.status{gap:8px;min-height:36px;padding-inline:11px}.wifi{display:none}main{padding-block:38px}h1{margin-bottom:30px;font-size:27px}.app-grid{gap:30px 18px}.app-icon{width:80px}.app-name{font-size:13px}footer{align-items:center}footer p{display:none}}@media (height<=650px) and (width>=721px){main{padding-block:38px}h1{margin-bottom:30px;font-size:30px}.app-icon{width:82px}}@media (prefers-reduced-motion:reduce){.app-icon{transition:none}}