.phone{isolation:isolate;max-width:430px;height:100%;margin:0 auto;position:relative;overflow:hidden}.wall{z-index:-1;background-color:#0000;background-image:radial-gradient(120% 70% at 85% 8%,#ffffffe6,#0000 60%),radial-gradient(90% 60% at 10% 95%,#ffffff8c,#0000 65%),linear-gradient(170deg,#ece9e4 0%,#dcd7d0 55%,#cfc9c1 100%);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.pages{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;display:flex;position:absolute;inset:0;overflow:auto hidden}.pages::-webkit-scrollbar{display:none}.page{scroll-snap-align:start;height:100%;padding:calc(var(--safe-top) + 14px) var(--pad) 0;flex:0 0 100%}.grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--row);gap:var(--gap);display:grid;position:relative}.slot{min-width:0;position:relative}.slot>*{height:100%}.ghost{border-radius:var(--r-card);pointer-events:none;background:#fffdfa38;border:1px dashed #3c342d52}.ghost.app{background:0 0;border:0;justify-content:center;display:flex}.ghost.app:before{content:"";width:var(--icon);height:var(--icon);border-radius:var(--r-tile);background:#fffdfa38;border:1px dashed #3c342d52}.card{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);border:1px solid var(--glass-edge);border-radius:var(--r-card);box-shadow:var(--shadow);padding:13px 14px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff59,#fff0 45%);position:absolute;inset:0}.hd{letter-spacing:.2em;color:var(--ink-2);border-bottom:1px solid #50463c1a;align-items:center;gap:9px;margin-bottom:9px;padding-bottom:8px;font-size:13.5px;font-weight:500;display:flex}.hd svg{flex:none;width:15px;height:15px}.hd .go{opacity:.8;width:14px;height:14px;margin-left:auto}.app{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;display:flex}.tile{width:var(--icon);height:var(--icon);border-radius:var(--r-tile);background:var(--tile);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);border:1px solid #ffffffd9;place-items:center;transition:transform .18s;display:grid;box-shadow:0 6px 16px #463a2e1a,inset 0 1px #ffffffe6}.tile svg{width:27px;height:27px}.app:active .tile{transform:scale(.92)}.lbl{letter-spacing:.16em;color:var(--ink-2);white-space:nowrap;text-shadow:0 0 8px #ffffffb3;font-size:12.5px;font-weight:500}.clock{flex-direction:column;padding:10px 2px 0 6px;display:flex}.time{white-space:nowrap;font-family:var(--didone);letter-spacing:-.01em;color:#1d1a18;font-variant-numeric:lining-nums;font-size:64px;font-weight:400;line-height:.9}.time span{margin:0 .02em;font-size:.8em;display:inline-block;transform:translateY(-.06em)}.date{letter-spacing:.26em;color:var(--ink);margin-top:10px;font-size:15px;font-weight:500}.rule{background:var(--ink);opacity:.7;width:18px;height:1px;margin:16px 0 13px}.quote{letter-spacing:.17em;color:var(--ink-2);font-size:13px;font-weight:500;line-height:1.72}.talk{flex-direction:column;padding:11px 12px 12px;display:flex}.talk .top{letter-spacing:.22em;color:var(--ink-2);justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:13.5px;font-weight:500;display:flex}.talk .dots{letter-spacing:0;padding-bottom:6px;font-size:18px;font-weight:700;line-height:0}.talk .ph{border-radius:14px;flex:1;position:relative;overflow:hidden}.talk .ph img{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.talk .ph:after{content:"";background:linear-gradient(#0000 45%,#fffdfab8 100%);position:absolute;inset:0}.talk .cap{z-index:1;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:10px;left:14px;right:14px}.talk .nm{letter-spacing:.2em;color:#1f1c1a;font-size:19px;font-weight:600}.talk .ms{letter-spacing:.14em;color:var(--ink);margin-top:3px;font-size:12.5px;font-weight:500}.talk .tm{letter-spacing:.12em;color:var(--ink-2);font-size:11px;font-weight:500}.music{flex-direction:column;padding:7px 7px 10px;display:flex}.music .art{border-radius:13px;flex:none;height:62px;position:relative;overflow:hidden}.music .art img{object-fit:cover;width:100%;height:100%;display:block}.music .t{letter-spacing:.2em;margin:9px 7px 0;font-size:14px;font-weight:600}.music .st{letter-spacing:.14em;color:var(--ink-3);margin:2px 7px 0;font-size:11.5px;font-weight:500;line-height:1.45}.bar{background:#50463c29;border-radius:2px;height:2px;margin:9px 7px 0;position:relative}.bar i{background:var(--ink-2);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.bar i:after{content:"";background:var(--ink-2);border-radius:50%;width:7px;height:7px;position:absolute;top:-2.5px;right:-3px}.tt{letter-spacing:.08em;color:var(--ink-3);font-size:9.5px;font-family:var(--serif);justify-content:space-between;margin:4px 7px 0;font-weight:600;display:flex}.ctl{color:var(--ink);justify-content:center;align-items:center;gap:26px;margin-top:auto;display:flex}.ctl button{place-items:center;display:grid}.ctl svg{fill:currentColor;stroke:none}.chars{flex-direction:column;display:flex}.chars .row{flex:1;grid-template-columns:repeat(4,1fr);align-content:center;gap:14px;padding:0 4px;display:grid}.ch{cursor:pointer;flex-direction:column;align-items:center;gap:7px;display:flex}.ch .av{aspect-ratio:1;background:#fff6;border-radius:13px;width:100%;position:relative;overflow:hidden}.ch .av img{object-fit:cover;width:100%;height:100%;display:block}.ch .av:after{content:"";background:#2a2724;border-radius:50%;width:7px;height:7px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 2px #ffffffe6}.ch.add .av{background:#ffffff47;border:1px solid #fffc;place-items:center;display:grid}.ch.add .av:after{display:none}.ch.add svg{width:20px;height:20px}.ch span{letter-spacing:.18em;color:var(--ink);font-size:13px;font-weight:600}.mem{flex-direction:column;display:flex}.mem .pics{grid-template-columns:1fr 1fr;gap:6px;height:64px;display:grid}.mem .pics div{border-radius:10px;overflow:hidden}.mem .pics img{object-fit:cover;width:100%;height:100%;display:block}.mem q{quotes:"“" "”";letter-spacing:.15em;color:var(--ink-2);margin:9px 2px 0;font-size:12.5px;font-weight:500;line-height:1.35;display:block}.mem q:before{vertical-align:-2px;opacity:.7;margin-right:4px;font-size:15px}.mem q:after{vertical-align:-2px;opacity:.7;margin-left:3px;font-size:15px}.mem .dt{letter-spacing:.16em;color:var(--ink-3);margin:auto 2px 0;font-size:10px;font-weight:600}.todo ul{flex-direction:column;gap:11px;margin-top:5px;list-style:none;display:flex}.todo li{letter-spacing:.07em;white-space:nowrap;color:var(--ink);cursor:pointer;align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.todo .bx{border:1px solid var(--ink-2);border-radius:2px;flex:none;place-items:center;width:14px;height:14px;display:grid}.todo .bx svg{stroke-width:1.8px;opacity:0;width:11px;height:11px}.todo li.done{color:var(--ink-3)}.todo li.done .bx svg{opacity:1}.recent{padding-right:11px}.recent .ls{flex-direction:column;gap:7px;display:flex}.msg{cursor:pointer;align-items:center;gap:8px;min-width:0;display:flex}.msg .av{border-radius:50%;flex:none;width:28px;height:28px;overflow:hidden}.msg .av img{object-fit:cover;width:100%;height:100%;display:block}.msg .tx{flex:1;min-width:0}.msg .a{letter-spacing:.14em;color:var(--ink-2);justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;display:flex}.msg .a small{letter-spacing:.06em;color:var(--ink-3);font-size:8.5px;font-weight:600}.msg .b{letter-spacing:.06em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;font-weight:500;overflow:hidden}.pdots{left:0;right:0;bottom:calc(var(--safe-bot) + 112px);z-index:4;pointer-events:none;color:var(--ink-2);justify-content:center;align-items:center;display:flex;position:absolute}.pdots.moon{gap:9px}.pdots.moon svg{fill:currentColor;stroke:none;opacity:.42;width:11px;height:11px;transition:opacity .3s,transform .3s}.pdots.moon svg.on{opacity:.75;transform:scale(1.15)}.pdots.roman{font:italic 500 13px/1 var(--serif);letter-spacing:.08em;gap:14px}.pdots.roman span{opacity:.35;padding-bottom:4px;transition:opacity .3s;position:relative}.pdots.roman span.on{opacity:.85}.pdots.roman span.on:after{content:"";background:currentColor;width:10px;height:1px;margin-left:-5px;position:absolute;bottom:0;left:50%}.pdots.folio{font:500 11px/1 var(--didone);letter-spacing:.14em;gap:8px}.pdots.folio span{opacity:.4}.pdots.folio span.on{opacity:.85}.pdots.folio i{opacity:.4;background:currentColor;width:18px;height:1px}.dock{left:var(--pad);right:var(--pad);bottom:calc(var(--safe-bot) + 16px);z-index:4;border-radius:28px;justify-content:center;transition:background .2s;display:flex;position:absolute}.dock .slot{flex:0 0 25%}.dock.over{background:#fffdfa38}.dock .tile svg{fill:currentColor;stroke:none;width:28px;height:28px}.dock .tile svg .o{fill:none;stroke:currentColor;stroke-width:1.5px}.editbar{bottom:calc(var(--safe-bot) + 110px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-edge);box-shadow:var(--shadow);z-index:20;background:#fffdfab8;border-radius:999px;gap:6px;padding:5px;display:flex;position:absolute;left:50%}.editbar button{font:500 12.5px/1 var(--serif);letter-spacing:.16em;color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 13px}.editbar button.done{background:var(--ink);color:#f6f3ef}.editing .slot>*{animation:.32s ease-in-out infinite alternate wob}.editing .slot:nth-child(2n)>*{animation-delay:-.16s}.editing .slot{touch-action:none}.editing .pdots{opacity:0}.slot.drag,.slot.settle{z-index:30}.slot.drag{pointer-events:none}.slot.drag>*{filter:drop-shadow(0 14px 22px #3c30262e);transition:transform .15s;animation:none;transform:scale(1.06)}@keyframes wob{0%{transform:rotate(-.35deg)}to{transform:rotate(.35deg)}}.editing [data-img]{position:relative}.editing [data-img]:before{content:"";z-index:2;border-radius:inherit;cursor:pointer;background:#fffdfa47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2724' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-2.5h6L17 8h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.4'/%3E%3C/svg%3E") 50%/22px no-repeat;position:absolute;inset:0}.editing [data-text]{outline-offset:3px;-webkit-user-select:text;user-select:text;border-radius:3px;outline:1px dashed #3c342d59}.editing .ch,.editing .msg,.editing .todo li{pointer-events:none}.editing .ch [data-img],.editing .msg [data-img]{pointer-events:auto}:root{--ink:#2a2724;--ink-2:#4a4541;--ink-3:#8a837c;--glass:#fffdfa75;--glass-edge:#ffffffc7;--tile:#fcfaf79e;--shadow:0 10px 30px #463a2e1a, 0 1px 2px #463a2e0f;--r-card:22px;--r-tile:15px;--pad:24px;--gap:14px;--row:11.5px;--icon:60px;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--didone:"Bodoni Moda", "Didot", "Bodoni 72", serif;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;background:var(--edge,#cfc9c1);height:100dvh;overflow:hidden}@media (display-mode:standalone){html,body{height:100vh}}#root{height:100%}body{font-family:var(--serif);font-variant-numeric:lining-nums;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}