:root{--ink:#111820;--paper:#fff;--mist:#eaf0f5;--blue:#1769e0;--orange:#ff6b35;--line:#bdcad5;--muted:#52616d;--home-bg:#0c1117;--home-panel:#151d26;--home-text:#eff5f8;--acid:#d8ff3e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--mist);margin:0;font-family:Inter,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:16px;line-height:1.7}a{color:inherit}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.home-shell{background:var(--home-bg);min-height:100vh;color:var(--home-text);padding:clamp(22px,4vw,54px)}.home-frame{border:1px solid #334150;grid-template-rows:auto 1fr auto;max-width:1280px;min-height:calc(100vh - clamp(44px,8vw,108px));margin:auto;display:grid}.home-top,.home-foot{letter-spacing:.06em;border-bottom:1px solid #334150;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-family:ui-monospace,Cascadia Code,monospace;font-size:.82rem;display:flex}.home-foot{color:#91a0ac;border:0;border-top:1px solid #334150}.home-main{padding:clamp(48px,9vw,120px) clamp(22px,6vw,80px)}.home-title{letter-spacing:-.08em;white-space:nowrap;margin:0 0 52px;font-size:clamp(3rem,11vw,9.5rem);line-height:.9}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.content-card{background:var(--home-panel);border:1px solid #334150;flex-direction:column;justify-content:center;min-height:270px;padding:26px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex}.content-card:hover,.content-card:focus-visible{border-color:var(--acid);background:#19232d;outline:none;transform:translateY(-4px)}.content-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:1}.diary-shell{min-height:100vh}.diary-header{z-index:20;color:#fff;border-bottom:3px solid var(--blue);background:#111820f7;grid-template-columns:auto minmax(220px,620px) auto;align-items:center;gap:24px;min-height:68px;padding:12px clamp(16px,4vw,52px);display:grid;position:sticky;top:0}.diary-brand{letter-spacing:-.02em;white-space:nowrap;font-weight:850;text-decoration:none}.diary-brand span{color:#78aef8;font-weight:500}.diary-search{color:#fff;background:#202b35;border:1px solid #41505d;outline:none;width:100%;padding:10px 14px}.diary-search:focus{border-color:#77adf7;box-shadow:0 0 0 3px #1769e040}.diary-search::placeholder{color:#9aacb9}.diary-admin-link{color:#c3d0d9;font-size:.85rem;text-decoration:none}.diary-main{width:min(1360px,100% - 32px);margin:0 auto;padding:clamp(34px,5vw,70px) 0 80px}.diary-intro{justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px;display:flex}.diary-intro h1{letter-spacing:-.065em;white-space:nowrap;margin:0;font-size:clamp(2.6rem,7vw,6rem);line-height:.9}.diary-intro p{max-width:42ch;color:var(--muted);margin:0}.diary-meta-line{color:var(--muted);margin-bottom:18px;font:.78rem/1.4 ui-monospace,Cascadia Code,monospace}.diary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.note-card{background:var(--paper);border:1px solid var(--line);flex-direction:column;min-height:260px;padding:22px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;box-shadow:0 3px #11182012}.note-card:before{content:"";background:var(--blue);width:4px;position:absolute;inset:0 auto 0 0}.note-card:hover,.note-card:focus-visible{border-color:#7896ac;outline:none;transform:translateY(-3px);box-shadow:0 8px 20px #1118201f}.note-card.pinned:before{background:var(--orange)}.note-topline{color:var(--muted);justify-content:space-between;gap:12px;font:.74rem/1.4 ui-monospace,monospace;display:flex}.pin-mark{color:#bd4218}.note-card h2{letter-spacing:-.025em;margin:32px 0 12px;font-size:1.45rem;line-height:1.4}.note-card p{color:#42505b;margin:0;font-size:.92rem}.tag-row{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:26px;display:flex}.tag{color:#3d5365;background:#f3f7fa;border:1px solid #aebdca;padding:3px 8px;font:.72rem/1.4 ui-monospace,monospace}.empty-notes{text-align:center;color:var(--muted);border:1px dashed #92a4b3;grid-column:1/-1;padding:80px 20px}.tobipo-shell{--tp-bg:#080808;--tp-panel:#111;--tp-line:#343434;--tp-text:#f5f5f0;--tp-muted:#9a9a92;--tp-acid:#d8ff3e;background:var(--tp-bg);min-height:100vh;color:var(--tp-text)}.tobipo-header{border-bottom:1px solid var(--tp-line);z-index:20;background:#080808eb;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(20px,5vw,76px);display:flex;position:sticky;top:0}.tobipo-home{letter-spacing:.08em;font:.82rem/1 ui-monospace,monospace;text-decoration:none}.tobipo-admin{color:var(--tp-acid);font-size:.8rem;text-decoration:none}.tobipo-main{width:min(1180px,100% - 40px);margin:auto;padding-bottom:80px}.tobipo-hero{padding:clamp(70px,10vw,128px) 0 50px}.tobipo-kicker{color:var(--tp-acid);letter-spacing:.1em;font:.8rem/1.4 ui-monospace,monospace}.tobipo-hero h1{letter-spacing:-.075em;margin:12px 0 0;font-size:clamp(3.7rem,10vw,8.5rem);line-height:.9}.tobipo-hero h1 span{color:var(--tp-acid)}.ranking-controls{border-top:1px solid var(--tp-line);border-bottom:1px solid var(--tp-line);grid-template-columns:minmax(220px,1fr) auto;gap:18px;padding:22px 0;display:grid}.ranking-search{background:var(--tp-panel);border:1px solid var(--tp-line);color:#fff;outline:none;padding:12px 14px}.ranking-search:focus{border-color:var(--tp-acid)}.sort-buttons{flex-wrap:wrap;gap:7px;display:flex}.sort-button{background:var(--tp-panel);border:1px solid var(--tp-line);color:#bbb;cursor:pointer;padding:10px 13px}.sort-button.active{background:var(--tp-acid);color:#080808;border-color:var(--tp-acid);font-weight:800}.ranking-count{color:var(--tp-muted);margin:28px 0 14px;font-size:.82rem}.song-list{gap:10px;display:grid}.song-card{background:var(--tp-panel);border:1px solid var(--tp-line);grid-template-columns:58px 140px minmax(0,1fr);gap:16px;min-height:132px;display:grid}.song-rank{color:var(--tp-acid);border-right:1px solid var(--tp-line);place-items:center;font:1.3rem/1 ui-monospace,monospace;display:grid}.song-art{object-fit:cover;background:#222;align-self:center;width:140px;height:90px}.song-info{min-width:0;padding:16px 16px 16px 0}.song-info h2{margin:0 0 5px;font-size:1.18rem;line-height:1.4}.song-info h2 a{text-decoration:none}.song-note{color:var(--tp-muted);margin:0 0 14px;font-size:.78rem}.scores{flex-wrap:wrap;gap:18px;display:flex}.score{color:var(--tp-muted);font-size:.72rem}.score strong{color:var(--tp-text);margin-left:6px;font-size:1rem}.score.primary strong{color:var(--tp-acid);font-size:1.3rem}.article-header{grid-template-columns:1fr auto auto}.diary-back{color:#b6c8d6;font:.78rem/1 ui-monospace,monospace;text-decoration:none}.article-main{grid-template-columns:minmax(0,760px) minmax(190px,1fr);align-items:start;gap:clamp(44px,8vw,100px);width:min(1120px,100% - 32px);margin:auto;padding:clamp(54px,8vw,110px) 0;display:grid}.article-index{color:var(--blue);letter-spacing:.08em;font:700 .76rem/1.4 ui-monospace,monospace}.article-main article>h1{letter-spacing:-.055em;margin:18px 0 20px;font-size:clamp(2.4rem,6vw,5.4rem);line-height:1.08}.article-dates{color:var(--muted);flex-wrap:wrap;gap:20px;font:.76rem/1.5 ui-monospace,monospace;display:flex}.article-cover{object-fit:cover;border:1px solid var(--line);width:100%;max-height:520px;margin:40px 0 0}.article-body{margin-top:52px;font-size:1.04rem;line-height:1.95}.article-body h2{margin:2.8em 0 .7em;font-size:1.8rem;line-height:1.35}.article-body h3{margin:2.2em 0 .6em;font-size:1.3rem}.article-body p{margin:1.25em 0}.article-body a{color:#075ecf;text-underline-offset:3px;text-decoration-thickness:1px}.article-body blockquote{border-left:4px solid var(--orange);color:#455866;background:#f6f9fb;margin:1.8em 0;padding:10px 22px}.article-body code{background:#dfe8ef;padding:2px 5px;font-family:ui-monospace,Cascadia Code,monospace}.article-body pre{background:var(--ink);color:#eef4f7;padding:20px;overflow:auto}.article-body pre code{background:0 0;padding:0}.media-embed{margin:28px 0}.media-embed iframe{border:0;width:100%;height:166px;display:block}.media-embed.wide iframe{aspect-ratio:16/9;height:auto}.article-links{gap:30px;display:grid;position:sticky;top:110px}.article-links section{border-top:3px solid var(--ink);gap:10px;padding-top:12px;display:grid}.article-links h2{color:var(--muted);margin:0 0 5px;font:.72rem/1.4 ui-monospace,monospace}.article-links a{color:#24445c;text-underline-offset:3px;font-size:.9rem}.admin-shell{color:#17212a;background:#f1f4f6;min-height:100vh}.admin-top{color:#fff;letter-spacing:.06em;background:#111820;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:0 24px;font:.76rem/1 ui-monospace,monospace;display:flex}.admin-top a{color:#b9c8d3;text-decoration:none}.admin-grid{grid-template-columns:290px minmax(0,820px);gap:36px;width:min(1180px,100% - 32px);margin:auto;padding:36px 0 80px;display:grid}.admin-list{flex-direction:column;align-self:start;gap:6px;max-height:calc(100vh - 100px);display:flex;position:sticky;top:20px;overflow:auto}.admin-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #c4d0d9;justify-content:space-between;align-items:center;gap:15px;padding:12px;display:flex}.admin-list button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-list button small{color:#61717d;white-space:nowrap}.admin-list button:hover,.admin-list button.selected{border-color:var(--blue);box-shadow:inset 4px 0 var(--blue)}.admin-list .admin-new{color:#fff;background:#17212a;border-color:#17212a;justify-content:center;margin-bottom:10px}.admin-search{color:#17212a;background:#fff;border:1px solid #aebdc8;outline:none;width:100%;margin-bottom:4px;padding:11px 12px}.admin-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e01f}.admin-empty{color:#61717d;text-align:center;margin:12px 0;font-size:.85rem}.admin-form,.diary-compose{background:#fff;border:1px solid #c4d0d9;padding:clamp(22px,4vw,42px);box-shadow:0 4px 18px #1118200f}.admin-heading{border-bottom:1px solid #d2dce3;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px;padding-bottom:22px;display:flex}.admin-heading p{color:#60717e;margin:0;font:.72rem/1.4 ui-monospace,monospace}.admin-heading h1{letter-spacing:-.04em;margin:5px 0 0;font-size:2rem}.connection{white-space:nowrap;border:1px solid;padding:6px 9px;font:.64rem/1 ui-monospace,monospace}.connection.ready{color:#197340;background:#eaf8f0}.connection.demo{color:#9c4a17;background:#fff4e8}.admin-notice,.form-message{border-left:4px solid var(--orange);background:#fff5e9;padding:10px 14px;font-size:.85rem}.admin-form label,.compose-form label{color:#455867;gap:7px;margin:20px 0;font:.72rem/1.4 ui-monospace,monospace;display:grid}.admin-form input,.admin-form textarea,.compose-form input,.compose-form textarea,.diary-compose>input{color:#111820;background:#fbfcfd;border:1px solid #aebdc8;outline:none;width:100%;padding:11px 12px}.admin-form input:focus,.admin-form textarea:focus,.compose-form input:focus,.compose-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e01f}.field-action{grid-template-columns:1fr auto;display:grid}.field-action button,.form-actions button,.mobile-preview-switch button{cursor:pointer;background:#fff;border:1px solid #8fa1af;padding:10px 16px}.score-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-actions{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.form-actions button.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.form-actions button.danger{color:#b42318;border-color:#e3aaa6;margin-left:auto}.form-actions button:disabled{opacity:.55;cursor:wait}.diary-editor-layout{grid-template-columns:260px minmax(0,1fr);gap:22px;width:min(1500px,100% - 28px);margin:auto;padding:26px 0 80px;display:grid}.diary-compose{padding:24px}.compose-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.compose-preview{background:var(--mist);border:1px solid #c4d0d9;min-width:0;max-height:calc(100vh - 210px);padding:24px;overflow:auto}.compose-preview>h1{margin:8px 0 25px;font-size:2rem;line-height:1.2}.compose-preview .article-body{margin-top:0;font-size:.9rem}.preview-label{color:var(--blue);margin:0;font:.68rem/1.4 ui-monospace,monospace}.markdown-input{resize:vertical;min-height:430px;font:.9rem/1.7 ui-monospace,Cascadia Code,monospace!important}.check-label{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.check-label input{width:auto!important}.sticky-actions{background:#fffffff2;border-top:1px solid #d2dce3;padding:15px 0 0;position:sticky;bottom:0}.mobile-preview-switch{display:none}.simple-message{width:min(720px,100% - 32px);margin:15vh auto}.simple-message>p:first-child{color:var(--blue);font:700 .8rem/1 ui-monospace,monospace}.simple-message h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1}.simple-message a{color:var(--blue)}@media (max-width:880px){.diary-header{grid-template-columns:1fr auto}.diary-search{grid-area:2/1/auto/-1}.diary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diary-intro{flex-direction:column;align-items:start}.article-main{grid-template-columns:1fr}.article-links{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.admin-grid,.diary-editor-layout{grid-template-columns:1fr}.admin-list{max-height:240px;position:static}.compose-columns{grid-template-columns:1fr}}@media (max-width:640px){.home-shell{padding:12px}.home-frame{min-height:calc(100vh - 24px)}.home-main{padding:48px 16px}.home-title{margin-bottom:38px}.content-grid,.diary-grid{grid-template-columns:1fr}.content-card{min-height:220px}.diary-main{width:min(100% - 22px,1360px)}.diary-header{gap:12px;padding:11px}.song-card{grid-template-columns:42px 84px minmax(0,1fr);gap:10px;min-height:116px}.song-art{width:84px;height:64px}.song-info{padding:11px 8px 11px 0}.song-info h2{font-size:.94rem}.song-note{font-size:.68rem}.scores{gap:8px 12px}.ranking-controls{grid-template-columns:1fr}.article-header{grid-template-columns:1fr auto}.article-header .diary-back{display:none}.article-main{width:min(100% - 24px,1120px)}.article-main article>h1{font-size:2.5rem}.article-links{grid-template-columns:1fr}.admin-top{padding:0 12px}.admin-grid,.diary-editor-layout{width:min(100% - 18px,1500px);padding-top:12px}.admin-form,.diary-compose{padding:16px}.score-editor{grid-template-columns:1fr}.admin-heading{flex-direction:column}.mobile-preview-switch{grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid}.mobile-preview-switch button.active{background:var(--ink);color:#fff}.diary-compose .compose-preview,.diary-compose.showing-preview .compose-form{display:none}.diary-compose.showing-preview .compose-preview{display:block}.markdown-input{min-height:55vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}