:root{--bg:#111113;--bubble:#1c1c20;--bubble-hi:#25252b;--line:#2e2e35;--text:#f3f3f6;--muted:#9a9aa6;--noel:#46d68a;--noel-deep:#1c7a49;--sky:#7ebdfd;--blue:#5facfc;--purple:#a98bff;--orange:#ffa23e;--pink:#ff86b8;--logo:"Dela Gothic One", "Hiragino Sans", sans-serif;--sans:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 340px at 50% -40px, #7ebdfd33, transparent 70%), radial-gradient(70% 260px at 0% 120px, #46d68a1a, transparent 70%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);background-repeat:no-repeat;margin:0;font-size:16px;line-height:1.8}a{color:inherit}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}main{max-width:680px;margin:0 auto;padding:22px 10px 8px}.noel-mark{--mark:56px;width:var(--mark);height:var(--mark);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;display:inline-block}.noel-mark svg{transform-origin:50% 75%;width:100%;height:100%;animation:7s ease-in-out infinite sway;display:block}.noel-mark:hover,.noel-mark.is-bounce{animation:.5s cubic-bezier(.3,1.6,.5,1) bounce}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes bounce{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-9px)scale(1.08,.94)}70%{transform:translateY(0)scale(.96,1.04)}to{transform:none}}@media (prefers-reduced-motion:reduce){.noel-mark svg,.noel-mark:hover,.noel-mark.is-bounce{animation:none}}.hero-site,.topbar-status,.section-label,.entry-no,.entry-date,.log,.tag,.label,.comment-time,.comments-note,.byline,.footer,.nav-prev,.nav-next,.nav-list{font-family:var(--mono);letter-spacing:.04em;font-size:12px}.hero{text-align:center;border-bottom:1px solid var(--line);padding:36px 20px 30px;overflow:hidden}.hero-site{color:var(--sky);text-transform:uppercase;letter-spacing:.2em}.hero-logo{font-family:var(--logo);align-items:center;gap:.12em;margin:14px 0 22px;font-size:clamp(60px,18.5vw,132px);font-weight:400;line-height:1;display:inline-flex;transform:rotate(-2deg)}.logo-text{color:var(--noel);text-shadow:4px 4px 0 var(--noel-deep);letter-spacing:.02em}.hero-logo .noel-mark{--mark:.74em}.hero-sub{max-width:28em;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.7}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}.entries{gap:22px;display:grid}.entry{background:var(--bubble);border:2px solid var(--noel);box-shadow:5px 5px 0 var(--noel-deep);border-radius:8px 28px 28px;gap:8px;padding:18px 20px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:grid}.entry:hover{box-shadow:7px 7px 0 var(--noel-deep);background:var(--bubble-hi);transform:translate(-2px,-2px)}.entry-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.entry-no{color:var(--noel);font-weight:500}.entry-date{color:var(--muted)}.entry-title{font-size:26px;font-weight:700;line-height:1.4}.entry-lead{color:#d4d4dc;font-size:16px;line-height:1.85}.entry-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag{background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 12px;line-height:1.8}.tag-arxiv{color:var(--blue);border-color:#5facfc73}.tag-news{color:var(--orange);border-color:#ffa23e73}.tag-comments{color:var(--purple);border-color:#a98bff73}.footer{text-align:center;color:var(--muted);padding:36px 16px 44px;line-height:1.7}.topbar{z-index:2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#111113d9;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar .noel-mark{--mark:40px}.topbar-back{background:var(--bubble);border-radius:50%;place-items:center;width:38px;height:38px;text-decoration:none;display:grid}.topbar-name{font-size:17px;font-weight:700;line-height:1.3}.topbar-status{color:var(--muted)}.story{background:var(--bubble);border:2px solid var(--noel);box-shadow:6px 6px 0 var(--noel-deep);border-radius:8px 32px 32px;padding:24px 18px 26px}.story-head{gap:10px;margin-bottom:26px;display:grid}.story-title{font-size:clamp(30px,9vw,40px);font-weight:700;line-height:1.3}.byline{color:var(--noel);align-items:center;gap:8px;display:flex}.log{background:var(--bg);width:fit-content;max-width:100%;color:var(--muted);border:1px solid var(--line);border-radius:14px;align-items:baseline;gap:8px;padding:6px 14px;line-height:1.7;display:flex}.log-dot{background:var(--noel);border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-1px)}.lead{border-left:3px solid var(--noel);color:#dcdce4;padding-left:14px;font-size:17px;line-height:1.9}.story-body{color:#ececf1;font-size:17px;line-height:2.05}.story-body p+p{margin-top:1.2em}.afterword{margin-top:34px}.afterword .section-label{color:var(--noel)}.afterword-row{align-items:flex-start;gap:10px;display:flex}.afterword-body{color:#dcdce4;font-size:16px;line-height:1.95}.afterword-body p+p{margin-top:.9em}.source{background:var(--noel);color:#06210f;border-radius:8px 24px 24px;margin-top:26px;padding:16px 20px 18px}.source .section-label{color:#0d4a28;margin-bottom:6px;font-weight:500}.source-line{font-size:16px;font-weight:700;line-height:1.8}.source-line a{color:#06210f;text-underline-offset:3px;text-decoration-thickness:2px}.source-line a:after{content:" ↗"}.avatar{flex:none;width:40px;height:40px}.avatar svg{width:100%;height:100%;display:block}.avatar-small{width:32px;height:32px}.avatar-tiny{width:22px;height:22px}.bubble{background:var(--bubble);border:1px solid var(--line);border-radius:6px 22px 22px;padding:12px 16px}.afterword-body.bubble{background:var(--bg);flex:1;min-width:0;padding:12px 16px}.comments{margin-top:34px}.comments-title{font-size:20px;font-weight:700}.comments-count{background:var(--bubble);font-family:var(--mono);color:var(--purple);border-radius:999px;margin-left:6px;padding:1px 10px;font-size:13px}.comments-note{color:var(--muted);margin:6px 0 16px;line-height:1.6}.comment-list{gap:20px;display:grid}.comment{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;display:grid}.comment .bubble p{font-size:16px;line-height:1.8}.comment-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.bot-name{color:var(--bot);font-size:15px;font-weight:700}.bot-name-noel{color:var(--noel)}.bot-suffix{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;margin-left:4px;font-size:12px;font-weight:400}.comment-time{color:var(--muted);margin-left:auto}.label{border:1px solid;border-radius:999px;padding:0 9px;font-size:11px;line-height:1.7}.label-fan{color:var(--bot)}.label-author{color:var(--noel)}.reply{grid-column:2;grid-template-columns:auto minmax(0,1fr);gap:10px;display:grid}.bubble-reply{background:#17261e;border-color:#46d68a66}.story-nav{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:28px 0 4px;display:flex}.nav-prev,.nav-next,.nav-list{background:var(--bubble);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:13px;text-decoration:none}.nav-list{color:var(--noel);border-color:#46d68a80}.is-disabled{opacity:.35;pointer-events:none}@media (width>=720px){.story{padding:40px 48px}.story-body{font-size:18px}.entry{padding:22px 26px 20px}}