:root{--bg: #f7f7f5;--surface: #ffffff;--fg: #111111;--muted: #6f6f6f;--subtle: #a3a3a3;--border: #e6e6e3;--hover: #efefec;--ring: #d0d0cc;--font: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #0b0b0c;--surface: #121213;--fg: #ececec;--muted: #8a8a8a;--subtle: #5c5c5c;--border: #222224;--hover: #161618;--ring: #343437;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.page{width:100%;max-width:480px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100dvh}main{flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;height:40px}.kanji{font-size:13px;letter-spacing:.3em;color:var(--subtle)}.topbar-right{display:flex;align-items:center;gap:14px}.clock{font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--subtle)}.theme-toggle{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--subtle);cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease}.theme-toggle:hover{color:var(--fg);border-color:var(--ring)}.theme-toggle:active{transform:scale(.94)}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:64px 0 48px}.avatar{display:block;width:96px;height:96px;border-radius:20px;object-fit:cover;background:var(--hover);border:1px solid var(--border)}.name{margin:28px 0 0;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.01em}.name-ja{margin:6px 0 0;font-size:12px;letter-spacing:.25em;color:var(--subtle)}.phrase{margin:0;writing-mode:vertical-rl;font-size:13px;letter-spacing:.45em;color:var(--subtle);-webkit-user-select:none;user-select:none}.link-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.link-list li{border-bottom:1px solid var(--border)}.link-row{display:flex;align-items:center;gap:14px;padding:18px 4px;transition:padding .25s ease,background-color .2s ease}.link-row:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:4px}.link-icon{display:grid;place-items:center;flex:none;width:20px;color:var(--muted);transition:color .2s ease}.link-title{flex:1;font-weight:500}.link-handle{font-size:13px;color:var(--subtle);white-space:nowrap}.link-arrow{flex:none;color:var(--subtle);transition:transform .25s ease,color .2s ease}@media (hover: hover){.link-row:hover{padding-left:10px}.link-row:hover .link-icon,.link-row:hover .link-arrow{color:var(--fg)}.link-row:hover .link-arrow{transform:translate(2px,-2px)}}.link-row:active{background:var(--hover)}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:72px;font-size:12px;color:var(--subtle)}.reveal{animation:reveal .8s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d, 0ms)}@keyframes reveal{0%{opacity:0;transform:translateY(6px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@media (max-width: 360px){.link-handle{display:none}}@media (prefers-reduced-motion: reduce){.reveal{animation:none}body,.link-row,.link-arrow{transition:none}}