:root{--color-header-bg:#000;--color-header-text:#f5f5f5;--color-ink:#1a1a1a;--color-muted:#555;--color-accent:#1b56c9;--color-accent-hot:#ff2ea6;--color-panel:#fffaf0eb;--color-panel-alt:#ffffffc7;--color-bevel-light:#fff;--color-bevel-dark:#6e6e6e;--font-ui:tahoma, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;--radius-sm:4px;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-ui);color:var(--color-ink);background-color:#24344e;background-position:50%;background-size:cover;background-attachment:fixed;margin:0;line-height:1.6}.bg-owner{background-image:linear-gradient(#141a288c,#141a288c),url(../images/bg-owner-1.png)}.bg-ada{background-image:linear-gradient(#141a288c,#141a288c),url(../images/bg-ada.png)}.bg-sachi{background-image:linear-gradient(#141a288c,#141a288c),url(../images/bg-sachi.png)}.bg-ingrid{background-image:linear-gradient(#141a288c,#141a288c),url(../images/bg-ingrid.png)}.bg-owner-picker:has(#bg-choice-2:checked){background-image:linear-gradient(#141a288c,#141a288c),url(../images/bg-owner-2.png)}.bg-owner-picker:has(#bg-choice-3:checked){background-image:linear-gradient(#141a288c,#141a288c),url(../images/bg-owner-3.png)}.bg-owner-picker:has(#bg-choice-4:checked){background-image:linear-gradient(#141a288c,#141a288c),url(../images/bg-owner-4.png)}.bg-picker{margin:var(--space-2) 0 0;gap:var(--space-2);border:none;flex-wrap:wrap;padding:0;display:flex}.bg-picker legend{margin-bottom:.25rem;padding:0;font-weight:700}.bg-picker input[type=radio]{opacity:0;width:1px;height:1px;position:absolute}.bg-swatch-label{cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;margin:0;font-size:.85rem;font-weight:400;display:flex}.bg-swatch{object-fit:cover;border:3px solid #999;border-radius:3px;width:96px;height:60px}.bg-picker input[type=radio]:checked+.bg-swatch-label .bg-swatch{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.bg-picker input[type=radio]:focus-visible+.bg-swatch-label .bg-swatch{outline:2px solid var(--color-accent-hot);outline-offset:2px}.site-header{background:var(--color-header-bg);color:var(--color-header-text);padding:var(--space-2) var(--space-2) var(--space-1);align-items:center;gap:var(--space-1);border-bottom:3px solid var(--color-accent-hot);flex-direction:column;display:flex}.site-title{letter-spacing:.12em;text-align:center;margin:0;font-size:1.4rem;font-weight:700}.pill-btn{color:var(--color-header-text);white-space:nowrap;background:linear-gradient(#3d3d3d,#0a0a0a);border:1px solid #555;border-radius:3px;padding:.3rem .9rem;font-size:.9rem;text-decoration:none;display:inline-block}.pill-btn:hover{background:linear-gradient(#555,#1a1a1a)}.back-nav{margin:0 0 var(--space-2)}.page-shell{max-width:68rem;padding:var(--space-3);gap:var(--space-3);margin:0 auto;display:grid}.page-shell>h1{color:#fff;text-shadow:0 1px 4px #000000b3;margin:0}.panel>h2:first-child{margin-top:0}.panel{background:var(--color-panel);border-style:solid;border-width:2px;border-color:var(--color-bevel-light) var(--color-bevel-dark) var(--color-bevel-dark) var(--color-bevel-light);border-radius:var(--radius-sm);padding:var(--space-3);min-width:0;box-shadow:2px 2px 8px #0006}.composer label,.edit-form label{margin:var(--space-2) 0 .25rem;font-weight:700;display:block}.composer label:first-of-type,.edit-form label:first-of-type{margin-top:0}.composer textarea,.composer input[type=text],.composer input[type=file],.edit-form textarea,.edit-form input[type=text],.edit-form input[type=file]{background:#fff;border:2px inset #999;border-radius:2px;width:100%;max-width:32rem;padding:.5rem;font-family:inherit;font-size:1rem}.composer textarea,.edit-form textarea{resize:vertical;min-height:4.5rem}.btn-xp{margin-top:var(--space-2);color:#fff;cursor:pointer;background:linear-gradient(#5b9dff,#1b56c9);border:2px outset #7fb0ff;border-radius:3px;padding:.5rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:700}.btn-xp:active{border-style:inset}.disclaimer{color:var(--color-muted);margin-top:var(--space-2);border-top:1px dashed #b3b3b3;padding-top:.5rem;font-size:.85rem}.post{padding:var(--space-2);margin-bottom:var(--space-2);background:var(--color-panel-alt);border:2px groove #b8b8b8;border-radius:4px}.post:last-child{margin-bottom:0}.post-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.post-avatar{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 0 0 1px #999}.post-author{margin:0;font-weight:700}.post-meta{color:var(--color-muted);margin:0;font-size:.85rem}.post-image{border:2px solid #fff;max-width:100%;height:auto;margin:.5rem 0;display:block;box-shadow:0 0 0 1px #999}.post p{margin:.5rem 0}.post-footer{color:var(--color-muted);border-top:1px dashed #bbb;margin-top:.5rem;padding-top:.35rem;font-size:.85rem}.feed-end{border:none;border-top:3px double var(--color-accent-hot);margin:0}.home-layout{gap:var(--space-3);grid-template-columns:minmax(0,13rem) minmax(0,1fr) minmax(0,15rem);align-items:start;display:grid}@media (width<=760px){.home-layout{grid-template-columns:1fr}}.home-sidebar{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.home-sidebar-right{text-align:left;align-items:stretch}.profile-avatar-sm{border:3px solid #fff;border-radius:50%;width:72px;height:72px;box-shadow:0 0 0 2px #999}.profile-avatar{border:3px solid #fff;border-radius:50%;width:110px;height:110px;box-shadow:0 0 0 2px #999}.profile-nickname{margin:var(--space-1) 0 0;font-size:1.2rem;font-weight:700}.profile-signature{white-space:pre-line;color:var(--color-muted);overflow-wrap:anywhere;margin:.5rem 0 0;font-style:italic;line-height:1.6}.character-card{color:inherit;margin-bottom:var(--space-2);background:#ffffffd9;border:2px outset #ccc;border-radius:4px;align-items:flex-start;gap:.75rem;padding:.75rem;text-decoration:none;display:flex}.character-card:last-child{margin-bottom:0}.character-card:hover{border-style:inset}.character-card img{border-radius:50%;flex-shrink:0;width:56px;height:56px}.character-card-body{flex-direction:column;min-width:0;display:flex}.character-name{color:var(--color-accent);font-weight:700}.character-nick{color:var(--color-muted);font-size:.85rem}.character-blurb{color:var(--color-muted);margin-top:.25rem;font-size:.85rem}.visitor-note{color:var(--color-muted);margin:0 0 var(--space-2);font-size:.9rem;font-style:italic}