/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-leading:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:oklch(97% .008 85);--color-surface:oklch(99.5% .004 85);--color-ink:oklch(24% .01 60);--color-muted:oklch(52% .012 60);--color-line:oklch(89% .01 80);--color-accent:oklch(62% .15 40);--color-accent-soft:oklch(93% .04 45);--color-ph:oklch(86% .008 80);--color-sh-ink:oklch(32% .01 60);--color-sh-line:oklch(45% .01 60);--color-sh-paper:oklch(99% .012 95);--color-sh-grid:oklch(91% .05 95/.5);--color-pink:oklch(94.5% .035 350);--color-pink-deep:oklch(58% .13 350);--color-peach:oklch(95% .04 55);--color-peach-deep:oklch(60% .12 45);--color-lemon:oklch(97% .055 100);--color-lemon-deep:oklch(58% .11 95);--color-mint:oklch(95% .04 160);--color-mint-deep:oklch(55% .11 160);--color-sky:oklch(94.5% .035 235);--color-sky-deep:oklch(55% .11 240);--color-lilac:oklch(94% .04 300);--color-lilac-deep:oklch(55% .12 300);--font-body:"Zen Kaku Gothic Antique", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-mincho:"Shippori Mincho", serif;--font-maru:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;--font-pop:"Fredoka", "Zen Maru Gothic", sans-serif;--radius-card:14px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:15px;line-height:1.7}button,input,textarea,select{color:inherit;font:inherit}a{color:inherit}}@layer components{.topbar{z-index:20;justify-content:flex-end;gap:8px;max-width:1180px;margin:0 auto;padding:20px 24px 0;display:flex;position:relative}.top-btn{border:1px solid var(--color-line);background:var(--color-surface);height:40px;color:var(--color-ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.top-btn:hover,.top-btn:focus-visible{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.top-btn svg{width:18px;height:18px}.top-avatar{justify-content:center;width:40px;padding:0}.top-avatar img,.top-avatar-fallback{background:var(--color-ink);width:28px;height:28px;color:var(--color-surface);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.top-avatar img{object-fit:cover}.account-menu{position:relative}.account-menu>summary{list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-panel{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px oklch(20% .01 60/.12)}.account-panel form{margin:0}.menu-item{width:100%;color:var(--color-ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--color-bg)}.menu-submit{cursor:pointer}.notification-btn{position:relative}.unread-badge{background:var(--color-accent);min-width:18px;height:18px;color:var(--color-surface);border-radius:999px;place-items:center;padding:0 4px;font-size:11px;line-height:1;display:inline-grid}.page{grid-template-columns:300px 1fr;align-items:start;gap:28px;max-width:1180px;margin:0 auto;padding:40px 24px 80px;display:grid}.topbar+.page{padding-top:20px}.page-narrow{max-width:640px;display:block}.landing-block,.welcome-block,.not-found-block{margin:0 auto}.landing-block h1,.welcome-block h1,.not-found-block h1{font-family:var(--font-mincho);margin:0;font-size:30px;line-height:1.35}.landing-block p{margin:14px 0 22px}.card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);position:sticky;top:24px;overflow:hidden}.card .cover{background:var(--color-ph);height:96px}.card .body{padding:0 22px 22px}.grid{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;gap:16px;display:grid}.block{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;padding:18px 20px;position:relative}.block.s2{grid-column:span 2}.block.s3{grid-column:span 3}.block.s4{grid-column:span 4}.block.s6{grid-column:span 6}.block .label{color:var(--color-muted);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;font-size:12px;display:flex}.block .text{white-space:pre-wrap;word-break:break-word;text-wrap:pretty;outline:none}.icon-btn{width:26px;height:26px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-btn:hover{background:var(--color-bg);color:var(--color-ink)}.icon-btn svg{width:15px;height:15px}.b-mood{background:var(--color-accent-soft);border-color:#0000}.b-mood .text{font-size:19px;font-weight:500}.btn{background:var(--color-ink);min-height:40px;color:var(--color-surface);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:hover,.btn:focus-visible{background:var(--color-accent)}.btn.ghost{border:1px solid var(--color-line);color:var(--color-ink);background:0 0}.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--color-bg)}.field{color:var(--color-muted);gap:4px;margin-bottom:12px;font-size:13px;display:grid}.field input,.field select,.field textarea{border:1px solid var(--color-line);background:var(--color-bg);min-width:0;color:var(--color-ink);border-radius:8px;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-accent-soft);border-color:var(--color-accent)}.field-error,.toast{color:var(--color-accent);margin:0 0 12px}.dlg-actions{justify-content:flex-end;gap:8px;display:flex}dialog{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);width:min(420px,92vw);color:var(--color-ink);margin:auto;padding:22px}dialog::backdrop{background:oklch(20% .01 60/.35)}dialog h2{margin:0 0 14px;font-size:16px}.withdraw-message{margin:0 0 18px}.settings-block h1{font-family:var(--font-mincho);margin:0 0 22px;font-size:30px;line-height:1.35}.settings-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.settings-qr{gap:12px;display:grid}.settings-qr img{border:1px solid var(--color-line);background:#fff;width:min(280px,100%);height:auto}.settings-withdraw{border-top:1px solid var(--color-line);margin-top:28px;padding-top:20px}.sheet{--sh-ink:var(--color-sh-ink);--sh-line:var(--color-sh-line);--sh-paper:var(--color-sh-paper);--sh-grid:var(--color-sh-grid);--seam:#fff;--knob:46px;background-color:var(--sh-paper);background-image:linear-gradient(var(--sh-grid) 1px, transparent 1px), linear-gradient(90deg, var(--sh-grid) 1px, transparent 1px);color:var(--sh-ink);font-family:var(--font-maru);background-size:22px 22px;border:1.5px solid oklch(88% .01 80);border-radius:20px;grid-column:1/-1;gap:22px;padding:32px 32px 44px;font-weight:700;display:grid;position:relative}.sheet [contenteditable]{outline:none}.sheet [contenteditable]:focus{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--deep,var(--sh-line));border-radius:8px}.sh-dl{border:2px solid var(--sh-line);width:40px;height:40px;color:var(--sh-ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.sh-dl:hover,.sh-dl:focus-visible{background:var(--sh-ink);color:#fff}.sh-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-right:44px;display:flex}.sh-date{align-items:center;gap:6px;font-size:12px;display:flex}.sh-cap{margin-right:4px}.sh-title{color:#0000;font-family:var(--font-pop);letter-spacing:.06em;background:linear-gradient(90deg,oklch(72% .12 350),oklch(76% .12 60),oklch(74% .12 150),oklch(70% .11 240),oklch(68% .12 300));-webkit-background-clip:text;background-clip:text;margin:0;font-size:40px;font-weight:700;line-height:1}.puzzle{border-radius:18px;grid-template-columns:repeat(6,1fr);display:grid}.piece{--c:var(--color-pink);--deep:var(--color-pink-deep);grid-column:span var(--span,6);background:var(--c);min-width:0;filter:drop-shadow(1.5px 0 0 var(--seam)) drop-shadow(-1.5px 0 0 var(--seam)) drop-shadow(0 1.5px 0 var(--seam)) drop-shadow(0 -1.5px 0 var(--seam));align-content:start;gap:12px;padding:30px 34px 34px;display:grid;position:relative}.piece.knob-r:after,.piece.knob-b:before{width:var(--knob);height:var(--knob);background:var(--c);content:"";border-radius:50%;position:absolute}.piece.knob-r:after{top:calc(var(--ky,50%) - var(--knob) / 2);right:calc(var(--knob) * -.62)}.piece.knob-b:before{bottom:calc(var(--knob) * -.62);left:calc(var(--kx,50%) - var(--knob) / 2)}.piece>*{z-index:1;position:relative}.p-pink{--c:var(--color-pink);--deep:var(--color-pink-deep)}.p-peach{--c:var(--color-peach);--deep:var(--color-peach-deep)}.p-lemon{--c:var(--color-lemon);--deep:var(--color-lemon-deep)}.p-mint{--c:var(--color-mint);--deep:var(--color-mint-deep)}.p-sky{--c:var(--color-sky);--deep:var(--color-sky-deep)}.p-lilac{--c:var(--color-lilac);--deep:var(--color-lilac-deep)}.puzzle>.piece:first-child{border-top-left-radius:18px}.piece.tr{border-top-right-radius:18px}.piece.bl{border-bottom-left-radius:18px}.puzzle>.piece:last-child{border-bottom-right-radius:18px}.sh-h{color:var(--deep);letter-spacing:.04em;margin:0;font-size:19px;font-weight:900}.piece .sh-h.center{text-align:center}.pill{border:2px solid var(--sh-line);min-width:72px;min-height:44px;color:var(--sh-ink);text-align:center;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:6px 18px;font-size:16px;font-weight:500;display:inline-flex}.nb-line{align-items:baseline;gap:20px;padding:10px 4px;display:flex}.nb-line+.nb-line{border-top:2px dotted var(--sh-line)}.nb-label{width:3em;color:var(--deep);flex:none;font-size:13px}.nb-val{min-width:4em;font-size:24px;font-weight:700}.nb-unit{margin-left:auto;font-size:13px}.detail-btn{border:1px solid var(--color-ink);background:var(--color-surface);width:100%;color:var(--color-ink);cursor:pointer;border-radius:999px;margin-top:18px;padding:10px;font-weight:500;display:block}.detail-btn:hover,.detail-btn.on{background:var(--color-ink);color:var(--color-surface)}.book-lock{overflow:hidden}.book{z-index:30;background:oklch(90% .025 70);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0}.book[hidden]{display:none}.book-bar{border-bottom:1px solid var(--color-line);background:var(--color-surface);align-items:center;gap:14px;padding:10px 16px;display:flex}.profile-card-heading h1{font-family:var(--font-mincho);letter-spacing:.06em;margin:14px 0 0;font-size:30px;line-height:1.25}.avatar-upload{min-height:96px;position:relative}.avatar-wrap{width:96px;margin-top:-48px;position:relative}.avatar{border:4px solid var(--color-surface);width:96px;height:96px;color:var(--color-surface);background:oklch(80% .01 80);border-radius:50%;place-items:center;font-size:34px;font-weight:700;display:grid;overflow:hidden}.avatar-picker{cursor:pointer;position:relative}.avatar-readonly{margin-top:-48px}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-initial{place-items:center;width:100%;height:100%;display:grid}.avatar-file{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-clear{border:1px solid var(--color-line);background:var(--color-surface);width:26px;height:26px;color:var(--color-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;right:-4px}.facts{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);margin:14px 0 0;padding:12px 0;display:flex}.facts>div{min-width:0}.facts>div+div{border-left:1px solid var(--color-line);margin-left:18px;padding-left:18px}.facts dt{color:var(--color-muted);letter-spacing:.14em;font-size:11px}.facts dd{margin:2px 0 0;font-size:17px;font-weight:500}.facts small{color:var(--color-muted);margin-left:3px;font-size:12px}.bio{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0}.card [contenteditable],.b-mood [contenteditable]{min-width:3em;min-height:1.7em;box-shadow:inset 0 0 0 1px var(--color-line);border-radius:8px;outline:none;margin-inline:-8px;padding-inline:8px;transition:box-shadow .15s,background-color .15s;display:inline-block}.card [contenteditable]:empty:before,.b-mood [contenteditable]:empty:before{content:"​"}[contenteditable][aria-placeholder]:empty:before{content:attr(aria-placeholder);color:var(--color-muted);opacity:.7}.card [contenteditable]:hover,.b-mood [contenteditable]:hover{box-shadow:inset 0 0 0 1px var(--color-ph)}.card [contenteditable]:focus,.b-mood [contenteditable]:focus{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-accent)}.card .profile-area{min-width:6em}.facts>div:first-child{flex:none}.card .profile-age{white-space:nowrap}.bio [contenteditable],.b-mood [contenteditable]{min-height:1.7em;display:block}.b-mood [contenteditable]{background:oklch(100% 0 0/.45);margin-inline:-8px;padding:2px 8px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.8)}.b-mood [contenteditable]:focus{box-shadow:inset 0 0 0 1px var(--color-accent);background:oklch(100% 0 0/.75)}.links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.link{position:relative}.link a{border:1px solid var(--color-line);background:var(--color-surface);min-width:36px;height:36px;color:var(--color-ink);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.link a.brand{width:36px;padding:0}.link a:hover,.link a:focus-visible{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.link-del{border:1px solid var(--color-line);background:var(--color-surface);width:18px;height:18px;color:var(--color-muted);cursor:pointer;opacity:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-5px;right:-5px}.link:hover .link-del,.link:focus-within .link-del{opacity:1}.link-add{border:1.5px dashed var(--color-line);width:36px;height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.link-add:hover,.link-add:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.url-row{align-items:center;gap:8px;display:flex}.url-row input{flex:1}.url-preview{border:1px solid var(--color-line);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.viewer-toggle{z-index:1;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:13px;position:absolute;top:12px;right:12px}.viewer-toggle:hover,.viewer-toggle:focus-visible{color:var(--color-ink)}.profile-grid-full>.block:not(.b-hub){display:none}.profile-grid-full>.b-hub{min-height:calc(100vh - 80px)}.icon-label svg{width:18px;height:18px;color:var(--color-muted)}.icon-label>span{align-items:center;gap:6px;display:inline-flex}.latest-card button,.latest-title,.latest-post{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:block}.latest-title{font-family:var(--font-mincho);font-size:20px;line-height:1.5}.latest-post .text{font-size:16px;display:block}.latest-title:hover,.latest-post:hover .text,.latest-title:focus-visible,.latest-post:focus-visible .text{color:var(--color-accent)}.meta,.time,.ic-meta,.ic-count{color:var(--color-muted);font-size:12px}.meta{margin-top:8px}.tabs{border-bottom:1px solid var(--color-line);align-items:center;gap:4px;margin:-4px 0 16px;display:flex}.tab{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;margin-right:16px;padding:6px 4px 10px;font-weight:500;display:inline-flex}.tab:hover,.tab:focus-visible{color:var(--color-ink)}.tab.on{border-bottom-color:var(--color-accent);color:var(--color-ink)}.full-btn{width:32px;height:32px;margin-bottom:6px;margin-left:auto}.chips{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.chip{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.chip:hover,.chip:focus-visible{border-color:var(--color-ink)}.chip.on{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.chip .n{color:var(--color-muted);font-size:11px}.scrap-list,.timeline,.feed,.qa,.best{margin:0;padding:0;list-style:none}.scrap-row{border-top:1px solid var(--color-line);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 8px;display:grid}.scrap-row:first-child{border-top:0}.scrap-row-main{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.sr-title,.scrap-title{font-family:var(--font-mincho);line-height:1.5}.sr-title{font-size:17px}.sr-sub{align-items:center;gap:8px;min-width:0;display:flex}.sr-latest{min-width:0;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sr-side{align-items:center;gap:12px;display:flex}.ic-count,.ic-meta{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.tag{border:1px solid var(--color-line);background:var(--color-bg);border-radius:999px;width:fit-content;padding:2px 10px;font-size:12px;display:inline-flex}.del{opacity:0}li:hover>.del,li:focus-within>.del,.tl-meta:focus-within .del{opacity:1}.scrap-head{justify-items:start;gap:6px;margin:10px 0 18px;display:grid}.scrap-title{margin:0;font-size:24px}.timeline{gap:10px;display:grid}.timeline li{border:1px solid var(--color-line);background:var(--color-bg);border-radius:12px;padding:12px 16px}.tl-meta{justify-content:space-between;align-items:center;display:flex}.tl-body,.post-body{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:2px}.tl-body a,.post-body a{color:inherit;-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:3px}.back{color:var(--color-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:2px 0;font-size:13px;display:inline-flex}.back:hover,.back:focus-visible{color:var(--color-ink)}.scrap-form{gap:8px;margin-top:14px;display:grid}.scrap-form textarea{border:1px solid var(--color-line);background:var(--color-bg);resize:vertical;border-radius:10px;min-width:0;padding:8px 12px}.scrap-form-foot{justify-content:flex-end;display:flex}.feed{display:grid}.feed>li{border-top:1px solid var(--color-line);grid-template-columns:1fr auto;gap:8px;padding:12px 0;display:grid}.feed>li:first-child{border-top:0}.fab{z-index:10;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.fab-main{background:var(--color-ink);width:56px;height:56px;color:var(--color-surface);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:background .2s;display:grid;box-shadow:0 6px 20px oklch(20% .01 60/.25)}.fab-main:hover,.fab-main:focus-visible{background:var(--color-accent)}.fab-main svg{width:24px;height:24px;transition:transform .2s}.fab-items{flex-direction:column;align-items:center;gap:10px;display:flex}.fab-item{border:1px solid var(--color-line);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .18s,transform .18s,background .15s,color .15s;display:grid;transform:translateY(12px)scale(.9);box-shadow:0 4px 14px oklch(20% .01 60/.14)}.fab-item:first-child{transition-delay:40ms}.fab.open .fab-item{opacity:1;pointer-events:auto;transform:none}.fab.open .fab-item:first-child{transition-delay:40ms}.fab.open .fab-item:nth-child(2){transition-delay:0s}.fab-item:hover,.fab-item:focus-visible{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.fab-item svg{width:19px;height:19px}.fab.open .fab-main svg{transform:rotate(45deg)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.piece-z-1{z-index:1}.piece-z-2{z-index:2}.piece-z-3{z-index:3}.piece-z-4{z-index:4}.piece-z-5{z-index:5}.piece-z-6{z-index:6}.piece-z-7{z-index:7}.piece-z-8{z-index:8}.piece-z-9{z-index:9}.piece-kx-30{--kx:30%}.piece-kx-40{--kx:40%}.piece-kx-60{--kx:60%}.piece-kx-72{--kx:72%}.piece-ky-40{--ky:40%}.piece-ky-60{--ky:60%}.sh-sentence{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.pill.sm{min-width:56px;min-height:38px;padding:4px 12px}.pill.lg{min-width:120px}.pill.wide{flex:1;justify-content:flex-start;min-width:0;padding:6px 22px}.sheet-pad-value{border:2px solid var(--sh-line);text-align:center;white-space:pre-wrap;background:#fff;border-radius:14px;width:100%;min-height:96px;padding:14px 12px;font-size:15px;font-weight:500;line-height:1.8;display:block}.board{aspect-ratio:4/3;border:2px solid var(--sh-line);background:#fff;border-radius:10px;place-items:center;width:100%;display:grid;position:relative}.face{aspect-ratio:1;background:var(--c);width:46%;color:var(--deep);border-radius:50%;place-items:center;font-size:20px;display:grid}.face.kao{white-space:nowrap;border-radius:999px;width:auto;max-width:94%;padding:.5em .9em;font-size:20px;line-height:1.2;overflow:hidden}.face-img{object-fit:cover;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.best-h{justify-content:center;align-items:flex-end;gap:10px;display:flex}.best-badge{font-family:var(--font-pop);justify-items:center;line-height:.9;display:inline-grid}.best-badge small{letter-spacing:.1em;font-size:12px}.best-badge b{font-size:44px}.best{gap:14px;display:grid}.best li{align-items:center;gap:16px;display:flex}.best .num{width:20px;color:var(--deep);font-family:var(--font-pop);text-align:center;font-size:26px}.ribbon{outline:2px solid var(--sh-line);outline-offset:4px;border:2px solid var(--sh-line);text-align:center;background:#fff;border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:50px;padding:6px 36px;font-size:16px;font-weight:500;display:flex;position:relative}.ribbon:before,.ribbon:after{border:2px solid var(--sh-line);background:var(--c);content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.ribbon:before{left:-13px}.ribbon:after{right:-13px}.qa{gap:14px;display:grid}.qa li{justify-items:center;gap:8px;display:grid}.qa .q{border:2px solid var(--sh-line);text-align:center;background:#fff;border-radius:999px;width:min(100%,340px);padding:8px 26px;font-size:14px}.qa .opts{justify-content:center;align-items:center;gap:8px;width:min(100%,340px);font-size:16px;display:flex}.qa .opt{color:var(--sh-ink);cursor:pointer;font:inherit;background:0 0;border:2px solid #0000;border-radius:999px;padding:2px 12px}.qa .opt.on{border-color:var(--deep);color:var(--deep);background:#fff}.sheet mark,.profile-sheet mark{color:inherit;background:oklch(88% .16 95);border-radius:3px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.friendship-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.friendship-action-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friendship-action{min-height:36px}.friendship-menu-wrap{position:relative}.friendship-menu{z-index:5;border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;min-width:160px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 24px oklch(20% .01 60/.12)}.friendship-dialog-message{margin:0 0 18px}.friendship-list,.notification-list{margin:0;padding:0;list-style:none;display:grid}.friendship-list-row{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.friendship-list-row:first-child{border-top:0}.friendship-list-link,.notification-link{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.friendship-avatar,.notification-avatar{background:var(--color-ink);width:40px;height:40px;color:var(--color-surface);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.friendship-avatar img,.notification-avatar img{object-fit:cover;width:100%;height:100%}.friendship-list-actions{flex:none}.friendship-request-actions{margin-top:0}.requests-section+.requests-section{margin-top:28px}.notification-list>li{border-top:1px solid var(--color-line)}.notification-list>li:first-child{border-top:0}.notification-link{width:100%;padding:12px 0;position:relative}.notification-content{gap:2px;min-width:0;display:grid}.notification-content time{color:var(--color-muted);font-size:12px}.notification-mark{background:var(--color-accent);border-radius:50%;flex:none;width:8px;height:8px;margin-left:auto}@media (width<=860px){.topbar{padding:12px 16px 0}.page{grid-template-columns:1fr;padding:20px 16px 60px}.card{position:relative}.grid{grid-template-columns:repeat(2,1fr)}.block.s2{grid-column:span 1}.block.s3,.block.s4,.block.s6{grid-column:span 2}.page .sheet{padding:24px 16px 32px}.page .puzzle{grid-template-columns:1fr}.page .piece{grid-column:auto;padding:26px 20px 30px}.page .piece.knob-r:after{display:none}.page .sh-title{font-size:32px}.page .piece.knob-r:not(.knob-b):before,.page .piece.mob-b:before{bottom:calc(var(--knob) * -.62);left:calc(50% - var(--knob) / 2);width:var(--knob);height:var(--knob);background:var(--c);content:"";border-radius:50%;position:absolute}.page .piece.tr{border-top-right-radius:0}.page .piece.bl{border-bottom-left-radius:0}.page .puzzle>.piece:first-child{border-top-right-radius:18px}.page .puzzle>.piece:last-child{border-bottom-left-radius:18px}.page .pill.wide{flex-basis:100%}.scrap-row{grid-template-columns:1fr}.sr-side{justify-content:flex-start}}.book{z-index:30;background:oklch(90% .025 70);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.book-inner{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;height:100%;display:grid}.book-bar{border-bottom:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);align-items:center;gap:14px;padding:10px 16px;display:flex}.book-who{min-width:0;color:var(--color-ink);font-family:var(--font-maru);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.book-count{color:var(--color-ink);font-variant-numeric:tabular-nums;opacity:.7;font-size:13px}.book-close{border:1px solid var(--color-line);background:var(--color-surface);width:40px;height:40px;color:var(--color-ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.book-close:hover,.book-close:focus-visible{background:var(--color-ink);color:var(--color-surface)}.book-body{touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.spread{filter:drop-shadow(0 18px 30px oklch(30% .03 60/.28));perspective:2600px;display:grid;position:relative}.spread.two{--ratio:1.4;width:min(calc(100cqw - 136px), calc((100cqh - 36px) * var(--ratio)));aspect-ratio:var(--ratio);grid-template-columns:1fr 1fr}.spread.one{--ratio:.7;width:min(calc(100cqw - 24px), calc((100cqh - 24px) * var(--ratio)));aspect-ratio:var(--ratio);grid-template-columns:1fr}.bpage,.leaf-face{isolation:isolate;background:oklch(99% .008 85);grid-template-rows:minmax(0,1fr) auto;min-width:0;padding:12px 12px 8px;display:grid;position:relative;overflow:hidden}.bpage .sheet,.leaf-face .sheet{border:0;flex:none}.bpage.left,.leaf-face.left{border-radius:12px 0 0 12px}.bpage.right,.leaf-face.right{border-radius:0 12px 12px 0}.bpage.single,.leaf-face.single{border-radius:4px 12px 12px 4px}.bpage:after,.leaf-face:after{pointer-events:none;content:"";position:absolute;inset:0}.bpage.left:after,.leaf-face.left:after{background:linear-gradient(270deg,oklch(40% .02 60/.22),#0000 9%)}.bpage.right:after,.leaf-face.right:after,.bpage.single:after,.leaf-face.single:after{background:linear-gradient(90deg,oklch(40% .02 60/.22),#0000 9%)}.book-blank{width:100%;height:100%}.bpage-body{place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.bpage-foot{justify-content:flex-end;padding:6px 6px 0;display:flex}.bpage.left .bpage-foot,.leaf-face.left .bpage-foot{justify-content:flex-start}.bpage-link{z-index:1;border:1px solid var(--color-line);background:var(--color-surface);width:34px;height:34px;color:var(--color-ink);border-radius:50%;place-items:center;display:grid;position:relative}.bpage-link:hover,.bpage-link:focus-visible{background:var(--color-ink);color:var(--color-surface)}.bpage mark,.leaf-face mark{color:inherit;background:oklch(88% .16 95);border-radius:3px}.book-search{border:1px solid var(--color-line);background:var(--color-surface);min-width:0;height:38px;color:var(--color-ink);border-radius:999px;flex:0 220px;align-items:center;gap:6px;margin-left:auto;padding:0 12px;display:flex}.book-search:focus-within{border-color:var(--color-ink)}.book-search.miss{border-color:oklch(62% .18 25)}.book-search input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1}.book-hits{min-width:3.2em;color:var(--color-ink);font-variant-numeric:tabular-nums;opacity:.7;flex:none;font-size:13px}.leaf{z-index:3;transform-style:preserve-3d;position:absolute;top:0;bottom:0}.leaf.right{transform-origin:0;width:50%;left:50%}.leaf.left{transform-origin:100%;width:50%;left:0}.leaf.single{transform-origin:0;width:100%;left:0}.leaf-face{backface-visibility:hidden;position:absolute;inset:0}.leaf-face.back{transform:rotateY(180deg)}.book-nav{z-index:4;border:1px solid var(--color-line);background:var(--color-surface);width:46px;height:46px;color:var(--color-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 16px oklch(20% .01 60/.2)}.book-nav:hover,.book-nav:focus-visible{background:var(--color-ink);color:var(--color-surface)}.book-nav:disabled{opacity:0;pointer-events:none}.book-nav.prev{left:14px}.book-nav.next{right:14px}.book-dots{justify-content:center;gap:8px;padding:10px 0 14px;display:flex}.book-dot{cursor:pointer;background:oklch(45% .02 60/.3);border:0;border-radius:50%;width:8px;height:8px;padding:0}.book-dot.on{background:var(--color-ink);transform:scale(1.25)}.sheet-book .puzzle{grid-template-columns:repeat(6,1fr)}.sheet-book .piece{padding:30px 34px 34px}.sheet-book .piece.span-2{grid-column:span 2}.sheet-book .piece.span-3{grid-column:span 3}.sheet-book .piece.span-4{grid-column:span 4}.sheet-book .piece.span-6{grid-column:span 6}.sheet-book .piece.knob-r:after{display:block}@media (width<=860px){.book-bar{gap:8px;padding:8px 10px}.book-who{font-size:15px}.book-count{display:none}.book-nav{width:38px;height:38px}.book-nav.prev{left:4px}.book-nav.next{right:4px}}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.sticky{position:sticky}.top-6{top:calc(var(--spacing) * 6)}.z-\[1\]{z-index:1}.z-\[8\]{z-index:8}.col-span-3{grid-column:span 3/span 3}.col-span-6{grid-column:span 6/span 6}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-24{height:calc(var(--spacing) * 24)}.min-h-\[calc\(100vh-80px\)\]{min-height:calc(100vh - 80px)}.max-w-\[1180px\]{max-width:1180px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-\[300px_1fr\]{grid-template-columns:300px 1fr}.gap-7{gap:calc(var(--spacing) * 7)}.bg-bg{background-color:var(--color-bg)}.bg-ph{background-color:var(--color-ph)}.object-cover{object-fit:cover}.font-body{font-family:var(--font-body)}.text-\[15px\]{font-size:15px}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.whitespace-pre-wrap{white-space:pre-wrap}.text-ink{color:var(--color-ink)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[--kx\:30\%\]{--kx:30%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}