:root{--bg-deep:#0e1626;--bg-card:#16202f;--bg-card-soft:#1a2536;--line:#243349;--line-soft:#2433498c;--text-main:#e8edf4;--text-sub:#9aa8bb;--text-faint:#6b7a90;--accent:#a5d8e6;--accent-soft:#a5d8e624;--accent-line:#a5d8e659;--accent-glow:#a5d8e614;--danger-soft:#e6a5a51f;--font-display:var(--font-rounded), "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", sans-serif;--font-body:var(--font-rounded), "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", sans-serif;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.18s;--dur-med:.32s;--radius-card:20px;--radius-input:16px;--radius-pill:999px;--shadow-float:0 2px 6px #03070f59, 0 12px 32px #03070f47;--shadow-raise:0 1px 3px #03070f66, 0 6px 16px #03070f4d;--edge-light:inset 0 1px 0 #e8edf40b;--nav-h:88px}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#0a0f1a;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:radial-gradient(ellipse 90% 42% at 50% -6%, #a5d8e613, transparent 62%), radial-gradient(ellipse 80% 36% at 50% 108%, #24334980, transparent 70%), var(--bg-deep);max-width:480px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 60px #0006}.screen{padding-bottom:calc(var(--nav-h) + 12px);min-height:100vh;animation:screen-fade var(--dur-med) var(--ease-out);z-index:1;position:relative}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}.app-header-sticky{z-index:5;background:var(--bg-deep);position:sticky;top:0}.app-header{padding:34px 22px 6px}.app-header .greeting{color:var(--text-sub);letter-spacing:.14em;margin-bottom:var(--space-2xs);font-size:12px}.app-header h1{color:var(--text-main);font-family:var(--font-display);letter-spacing:.06em;font-size:22px;font-style:normal;font-weight:700}.app-header h1 a{align-items:center;gap:8px;display:inline-flex}.app-header h1 .logo-mark{filter:drop-shadow(0 0 10px #a5d8e68c);flex-shrink:0}.chips{gap:var(--space-2xs);padding:var(--space-sm) 22px 6px;scrollbar-width:none;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-pill);color:var(--text-sub);background:var(--bg-card);border:1px solid var(--line);white-space:nowrap;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);flex:none;padding:7px 15px;font-size:12.5px}@media (hover:hover){.chip:hover{color:var(--text-main);border-color:var(--accent-line)}}.chip.active{color:#0e1626;background:var(--accent);border-color:var(--accent);font-weight:700}.feed{flex-direction:column;gap:12px;padding:12px 18px 0;display:flex}.card{background:linear-gradient(180deg, var(--bg-card-soft), var(--bg-card) 55%);border:1px solid var(--line-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-raise), var(--edge-light);padding:16px 18px 14px}.card .meta{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs);display:flex}.card .cat{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-pill);letter-spacing:.04em;padding:3px 9px;font-size:10.5px}.card .time{color:var(--text-faint);letter-spacing:.06em;font-size:10.5px}.card h2{color:var(--text-main);font-family:var(--font-display);letter-spacing:.02em;margin-bottom:6px;font-size:15.5px;font-style:normal;font-weight:700;line-height:1.6}.card p.preview{color:var(--text-sub);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:12.5px;line-height:1.75;display:-webkit-box;overflow:hidden}.card .foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.empathy{color:var(--accent);border:1px solid var(--accent-line);border-radius:var(--radius-pill);transition:background var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:inline-flex}@media (hover:hover){.empathy:hover:not(:disabled){background:var(--accent-glow)}}.empathy:active{transform:translateY(1px)}.empathy:disabled{opacity:.55}.empathy.reacted{background:var(--accent-soft);font-weight:700;box-shadow:0 0 16px #a5d8e624}.replies{color:var(--text-faint);transition:color var(--dur-short) var(--ease-out);font-size:11.5px}@media (hover:hover){a.replies:hover{color:var(--text-sub)}}.foot-right{align-items:center;gap:12px;display:flex}.card.mine{border-color:var(--accent-line);background:linear-gradient(180deg, #1c2839, var(--bg-card-soft) 60%)}.mine-tag{color:#0e1626;background:var(--accent);border-radius:var(--radius-pill);padding:3px 9px;font-size:10.5px;font-weight:700}.my-count{color:var(--accent);font-size:12px}.my-count strong{font-size:15px;font-weight:700}.status-note{color:var(--text-faint);border:1px solid var(--line);margin-top:var(--space-2xs);background:#00000026;border-radius:10px;padding:8px 10px;font-size:11px;line-height:1.7}.mine-withdraw{margin-top:var(--space-2xs);color:var(--text-faint);border:1px solid var(--line);border-radius:var(--radius-pill);transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);background:0 0;align-self:flex-start;padding:5px 14px;font-size:11.5px}@media (hover:hover){.mine-withdraw:hover{color:var(--text-sub);border-color:var(--accent-line)}}.navbar{border-top:1px solid var(--line);z-index:40;background:#0b1322;justify-content:space-around;align-items:center;width:100%;max-width:480px;padding:12px 10px 26px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #03070f73}.nav-item{letter-spacing:.08em;color:var(--text-faint);transition:color var(--dur-short) var(--ease-out);flex-direction:column;align-items:center;gap:3px;font-size:10px;display:flex}@media (hover:hover){.nav-item:hover{color:var(--text-sub)}}.nav-item.active{color:var(--accent)}.nav-item .ic{font-size:19px}.write-btn{background:var(--accent);color:#0e1626;width:52px;height:52px;transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-30px;font-size:23px;display:flex;box-shadow:0 6px 18px #a5d8e659}@media (hover:hover){.write-btn:hover{box-shadow:0 8px 22px #a5d8e673}}.write-btn:active{transform:translateY(1px)}.section-pad{padding:0 22px}.muted{color:var(--text-sub)}.faint{color:var(--text-faint)}.center-empty{text-align:center;color:var(--text-faint);letter-spacing:.03em;padding:60px 30px;font-size:13px;line-height:2.1}.back-link{color:var(--text-sub);transition:color var(--dur-short) var(--ease-out);align-items:center;gap:6px;padding:20px 22px 6px;font-size:13px;display:inline-flex}@media (hover:hover){.back-link:hover{color:var(--text-main)}}.writer{padding:26px 22px 0}.writer .w-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.writer .w-head .close{color:var(--text-faint);transition:color var(--dur-short) var(--ease-out);background:0 0;border:none;font-size:20px}@media (hover:hover){.writer .w-head .close:hover{color:var(--text-main)}}.writer .w-head .title{color:var(--text-sub);font-family:var(--font-display);letter-spacing:.22em;font-size:13px}.writer textarea{background:var(--bg-deep);resize:none;width:100%;height:46vh;min-height:240px;color:var(--text-main);border:none;outline:none;font-family:inherit;font-size:15px;line-height:2}.writer textarea:focus-visible{outline:1px solid var(--accent-line);outline-offset:8px;border-radius:8px}.writer textarea::placeholder{color:var(--text-faint)}.title-field{background:var(--bg-deep);border:none;border-bottom:1px solid var(--line);width:100%;color:var(--text-main);font-family:var(--font-display);margin-bottom:var(--space-2xs);transition:border-color var(--dur-short) var(--ease-out);outline:none;padding:8px 2px 10px;font-size:16px;font-weight:700}.title-field:focus-visible{border-bottom:2px solid var(--accent);outline:none}.title-field::placeholder{color:var(--text-faint);font-weight:400}.w-actions{padding:var(--space-sm) 22px 30px;background:linear-gradient(#0000,#0a101cf5 24%);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.w-btn{border-radius:var(--radius-input);text-align:center;width:100%;transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);border:none;padding:15px;font-family:inherit;font-size:14px}.w-btn:active{transform:translateY(1px)}.w-btn.primary{background:var(--accent);color:#0e1626;font-weight:700;box-shadow:0 4px 16px #a5d8e638}@media (hover:hover){.w-btn.primary:hover{box-shadow:0 6px 20px #a5d8e652}}.w-btn.primary:disabled{opacity:.4;box-shadow:none;transform:none}.w-btn.secondary{color:var(--accent);border:1px solid var(--accent-line);background:0 0}@media (hover:hover){.w-btn.secondary:hover:not(:disabled){background:var(--accent-glow)}}.w-btn.secondary:disabled{opacity:.4}.w-btn.ghost{color:var(--text-faint);background:0 0;padding:8px;font-size:12.5px}@media (hover:hover){.w-btn.ghost:hover{color:var(--text-sub)}}.cat-grid{gap:var(--space-2xs);padding:var(--space-3xs) 0 var(--space-sm);flex-wrap:wrap;display:flex}.cat-opt{border-radius:var(--radius-pill);color:var(--text-sub);background:var(--bg-card);border:1px solid var(--line);transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);padding:9px 15px;font-size:13px}@media (hover:hover){.cat-opt:hover{color:var(--text-main);border-color:var(--accent-line)}}.cat-opt.sel{color:#0e1626;background:var(--accent);border-color:var(--accent);font-weight:700}.preview-box{background:linear-gradient(180deg, var(--bg-card-soft), var(--bg-card) 55%);border:1px solid var(--line-soft);border-radius:var(--radius-input);padding:var(--space-sm);box-shadow:var(--shadow-raise), var(--edge-light);margin:6px 0 4px}.preview-box .p-title{font-family:var(--font-display);margin-bottom:var(--space-2xs);font-size:15px;font-weight:700}.preview-box .p-body{color:var(--text-sub);white-space:pre-wrap;font-size:13px;line-height:1.85}.step-lead{color:var(--text-sub);padding:6px 0 12px;font-size:13px;line-height:1.9}.thread-head{padding:6px 22px 4px}.thread-head .cat{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-pill);padding:3px 9px;font-size:10.5px}.thread-body{border-bottom:1px solid var(--line);padding:14px 22px 18px}.thread-body h1{font-family:var(--font-display);letter-spacing:.02em;margin:12px 0;font-size:19px;font-style:normal;font-weight:700;line-height:1.65}.thread-body .text{color:var(--text-main);white-space:pre-wrap;font-size:14px;line-height:2}.comments{flex-direction:column;display:flex}.comment{border-bottom:1px solid var(--line);padding:16px 22px}.comment .c-meta{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs);display:flex}.comment .c-body{color:var(--text-main);white-space:pre-wrap;margin-bottom:10px;font-size:13.5px;line-height:1.95}.section-label{color:var(--text-faint);letter-spacing:.1em;padding:var(--space-sm) 22px 4px;font-size:11.5px}.reply-bar{border-top:1px solid var(--line);gap:var(--space-2xs);z-index:40;background:#0b1322;align-items:flex-end;width:100%;max-width:480px;padding:12px 16px 26px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #03070f73}.reply-bar textarea{background:var(--bg-card);border:1px solid var(--line);color:var(--text-main);resize:none;max-height:120px;transition:border-color var(--dur-short) var(--ease-out);border-radius:18px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13.5px;line-height:1.7}.reply-bar textarea:focus-visible{border-color:var(--accent);outline:none}.reply-send{background:var(--accent);color:#0e1626;border-radius:var(--radius-pill);white-space:nowrap;transition:transform var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);border:none;padding:10px 16px;font-size:13px;font-weight:700}.reply-send:active{transform:translateY(1px)}.reply-send:disabled{opacity:.4}.overlay{z-index:60;animation:screen-fade var(--dur-short) var(--ease-out);background:#040810b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-card);border:1px solid var(--line);width:100%;max-width:480px;box-shadow:var(--shadow-float), var(--edge-light);border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;padding:22px 22px 30px}.sheet h3{font-family:var(--font-display);margin-bottom:var(--space-3xs);font-size:15px;font-weight:700}.sheet .lead{color:var(--text-sub);margin-bottom:var(--space-sm);font-size:12.5px;line-height:1.85}.report-opt{text-align:left;background:var(--bg-card-soft);border:1px solid var(--line);width:100%;transition:border-color var(--dur-short) var(--ease-out);border-radius:14px;margin-bottom:9px;padding:13px 15px}@media (hover:hover){.report-opt:hover:not(:disabled){border-color:var(--accent-line)}}.report-opt:disabled{opacity:.55}.report-opt .r-label{color:var(--text-main);margin-bottom:3px;font-size:13.5px}.report-opt .r-hint{color:var(--text-faint);font-size:11px;line-height:1.65}.sheet-cancel{width:100%;color:var(--text-faint);margin-top:var(--space-3xs);transition:color var(--dur-short) var(--ease-out);background:0 0;border:none;padding:12px;font-size:13px}@media (hover:hover){.sheet-cancel:hover{color:var(--text-sub)}}.overlay.center{align-items:center;padding:24px}.dialog{background:var(--bg-card);border:1px solid var(--line);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow-float), var(--edge-light);border-radius:22px;padding:24px 22px 18px}.dialog p{color:var(--text-sub);margin-bottom:18px;font-size:13.5px;line-height:1.95}.dialog .row{gap:10px;display:flex}.dialog .row button{transition:transform var(--dur-short) var(--ease-out);border:none;border-radius:14px;flex:1;padding:12px;font-size:13.5px}.dialog .row button:active{transform:translateY(1px)}.dialog .b-cancel{color:var(--text-sub);border:1px solid var(--line);background:0 0}.dialog .b-ok{background:var(--accent);color:#0e1626;font-weight:700}.dialog .b-ok.warn{color:var(--text-sub);border:1px solid var(--accent-line);background:0 0}.toast-wrap{left:50%;bottom:calc(var(--nav-h) + 14px);z-index:80;pointer-events:none;width:calc(100% - 40px);max-width:440px;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--accent-line);color:var(--text-main);box-shadow:var(--shadow-float);animation:screen-fade var(--dur-short) var(--ease-out);background:#141e2efa;border-radius:14px;padding:13px 16px;font-size:12.5px;line-height:1.75}.promise{background:radial-gradient(ellipse 90% 45% at 50% -8%, #a5d8e617, transparent 62%), var(--bg-deep);z-index:100;text-align:center;animation:screen-fade var(--dur-med) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;padding:40px 34px;display:flex;position:fixed;inset:0}.promise .moon-big{color:var(--accent);text-shadow:0 0 28px #a5d8e680;margin-bottom:26px;font-size:36px}.promise p{font-family:var(--font-display);color:var(--text-main);letter-spacing:.08em;max-width:300px;margin-bottom:40px;font-size:15.5px;font-style:normal;font-weight:700;line-height:2.3}.promise button{background:var(--accent);color:#0e1626;border-radius:var(--radius-pill);transition:transform var(--dur-short) var(--ease-out);border:none;padding:14px 44px;font-size:14px;font-weight:700;box-shadow:0 4px 18px #a5d8e647}.promise button:active{transform:translateY(1px)}.tabs{padding:var(--space-2xs) 22px 6px;gap:6px;display:flex}.tab{text-align:center;color:var(--text-sub);background:var(--bg-card);border:1px solid var(--line);transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);border-radius:12px;flex:1;padding:10px;font-size:13px}@media (hover:hover){.tab:hover{color:var(--text-main)}}.tab.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);font-weight:700}.draft-card{background:var(--bg-card);border:1px dashed #6b7a9080;border-radius:18px;padding:15px 17px}.draft-card .d-body{color:var(--text-sub);white-space:pre-wrap;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.85;display:-webkit-box;overflow:hidden}.draft-actions{gap:var(--space-2xs);display:flex}.draft-actions button{transition:transform var(--dur-short) var(--ease-out);border:none;border-radius:12px;flex:1;padding:9px;font-size:12.5px}.draft-actions button:active{transform:translateY(1px)}.d-publish{background:var(--accent);color:#0e1626;font-weight:700}.d-discard{color:var(--text-faint);background:0 0;border:1px solid var(--line)!important}@media (hover:hover){.d-discard:hover{color:var(--text-sub)}}.reread-badge{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-pill);margin-bottom:var(--space-2xs);padding:2px 8px;font-size:10.5px;display:inline-block}.admin-head{justify-content:space-between;align-items:center;padding:30px 22px 8px;display:flex}.admin-head h1{font-family:var(--font-display);font-size:18px;font-weight:700}.admin-sub{color:var(--text-faint);padding:0 22px 10px;font-size:12px;line-height:1.75}.pause-bar{border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--edge-light);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:6px 18px 12px;padding:14px 16px;display:flex}.pause-bar.on{border-color:var(--accent-line);background:var(--accent-soft)}.pause-bar .p-label{font-size:13px}.pause-bar .p-desc{color:var(--text-faint);margin-top:3px;font-size:11px;line-height:1.6}.toggle-btn{border:1px solid var(--accent-line);color:var(--accent);border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--dur-short) var(--ease-out);background:0 0;padding:8px 16px;font-size:12.5px}@media (hover:hover){.toggle-btn:hover:not(:disabled){background:var(--accent-glow)}}.toggle-btn:disabled{opacity:.55}.toggle-btn.active{background:var(--accent);color:#0e1626;font-weight:700}.report-card{background:var(--bg-card);border:1px solid var(--line-soft);box-shadow:var(--shadow-raise), var(--edge-light);border-radius:16px;margin:0 18px 12px;padding:15px 16px}.report-card.p1{background:var(--danger-soft);border-color:#e6a5a566}.report-card.resolved{opacity:.55;box-shadow:none}.r-top{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs);flex-wrap:wrap;display:flex}.prio{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--text-sub);padding:3px 9px;font-size:10.5px}.prio.p1{color:#e6a5a5;border-color:#e6a5a580}.r-target{color:var(--text-main);white-space:pre-wrap;background:#0003;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:13px;line-height:1.75}.r-target .t-title{font-family:var(--font-display);margin-bottom:var(--space-3xs);font-weight:700}.r-actions{gap:var(--space-2xs);display:flex}.r-actions button{border:1px solid var(--line);background:var(--bg-card-soft);color:var(--text-sub);transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);border-radius:11px;flex:1;padding:9px;font-size:12.5px}@media (hover:hover){.r-actions button:hover:not(:disabled){border-color:var(--text-faint)}}.r-actions button:active{transform:translateY(1px)}.r-actions button:disabled{opacity:.55}.r-actions .a-delete{color:#e6a5a5;border-color:#e6a5a566}.r-actions .a-ok{color:var(--accent);border-color:var(--accent-line)}.r-decided{color:var(--text-faint);margin-top:var(--space-2xs);font-size:11.5px}.login-wrap{gap:var(--space-sm);flex-direction:column;padding:80px 30px;display:flex}.login-wrap h1{font-family:var(--font-display);text-align:center;letter-spacing:.08em;font-size:18px;font-weight:700}.login-wrap input{background:var(--bg-card);border:1px solid var(--line);color:var(--text-main);transition:border-color var(--dur-short) var(--ease-out);border-radius:14px;outline:none;padding:14px 16px;font-family:inherit;font-size:14px}.login-wrap input:focus-visible{border-color:var(--accent);outline:none}.login-wrap .err{color:#e6a5a5;text-align:center;font-size:12.5px}.demo-banner{color:var(--text-faint);text-align:center;letter-spacing:.04em;padding:8px 22px 0;font-size:11px;line-height:1.6}.link-reset{color:var(--accent)}.lp{background:var(--bg-deep);min-height:100vh;line-height:1.8}.sky{pointer-events:none;z-index:0;position:fixed;inset:0}.star{opacity:.6;background:#cfe8f0;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.95}}.lp-content{z-index:1;position:relative}.lp-header{justify-content:space-between;align-items:center;padding:22px clamp(20px,6vw,72px);display:flex}.lp-logo{align-items:center;gap:10px;display:inline-flex}.lp-logo svg{filter:drop-shadow(0 0 10px #a5d8e659);flex-shrink:0}.lp-logo .logo-text{letter-spacing:-.02em;color:var(--text-main);text-shadow:0 0 10px #e8edf440;font-size:21px;font-weight:500}.lp-header-cta{color:var(--accent);border:1px solid var(--accent-line);border-radius:var(--radius-pill);transition:background var(--dur-med) var(--ease-out);padding:8px 20px;font-size:13px}@media (hover:hover){.lp-header-cta:hover{background:var(--accent-soft)}}.lp-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:78vh;padding:40px 24px 80px;display:flex}.lp-moon-large{filter:drop-shadow(0 0 40px #a5d8e673);margin-bottom:28px;line-height:0}.lp-hero h1{letter-spacing:.08em;overflow-wrap:anywhere;margin-bottom:22px;font-size:clamp(26px,5vw,44px);font-weight:700;line-height:2}.lp-lead{color:var(--text-sub);letter-spacing:.06em;margin-bottom:44px;font-size:clamp(13.5px,1.6vw,16px)}.lp-cta{background:var(--accent);color:#0a1120;letter-spacing:.1em;border-radius:var(--radius-pill);transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);padding:16px 52px;font-family:inherit;font-size:15px;font-weight:700;display:inline-block;box-shadow:0 8px 32px #a5d8e64d}@media (hover:hover){.lp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #a5d8e673}}.lp-cta:active{transform:translateY(0)}.lp-cta-note{color:var(--text-faint);letter-spacing:.08em;margin-top:16px;font-size:12px}.lp-section{max-width:880px;margin:0 auto;padding:72px 24px}.lp-sec-label{text-align:center;color:var(--accent);letter-spacing:.3em;margin-bottom:14px;font-size:12.5px}.lp-sec-title{text-align:center;letter-spacing:.1em;margin-bottom:48px;font-size:clamp(19px,3vw,25px);font-weight:700}.lp-features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.lp-feature{background:var(--bg-card);border:1px solid var(--line);text-align:center;border-radius:24px;padding:34px 26px}.lp-feature .ic{color:var(--accent);margin-bottom:16px;font-size:28px;display:block}.lp-feature h3{letter-spacing:.08em;margin-bottom:12px;font-size:15.5px;font-weight:700}.lp-feature p{color:var(--text-sub);font-size:13px;line-height:2}.lp-steps{flex-direction:column;gap:14px;display:flex}.lp-step{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.lp-step .num{background:var(--accent-soft);border:1px solid var(--accent-line);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.lp-step h4{letter-spacing:.06em;margin-bottom:4px;font-size:14.5px;font-weight:700}.lp-step p{color:var(--text-sub);font-size:13px}.lp-promise-box{background:linear-gradient(160deg, var(--bg-card), #0a1120);border:1px solid var(--accent-line);text-align:center;border-radius:28px;padding:52px clamp(24px,6vw,64px)}.lp-promise-box .moon{color:var(--accent);margin-bottom:20px;font-size:26px;display:block}.lp-promise-box p.main{letter-spacing:.1em;margin-bottom:24px;font-size:clamp(15px,2.2vw,18px);font-weight:500;line-height:2.4}.lp-promise-box p.sub{color:var(--text-faint);letter-spacing:.06em;font-size:12.5px}.lp-faq{flex-direction:column;gap:10px;max-width:640px;margin:0 auto;display:flex}.lp-faq-item{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-input);padding:0 18px}.lp-faq-item summary{cursor:pointer;color:var(--text-main);padding:16px 26px 16px 0;font-size:14.5px;font-weight:500;list-style:none;position:relative}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item summary:after{content:"＋";color:var(--text-faint);font-size:13px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.lp-faq-item[open] summary:after{content:"−"}.lp-faq-item p{color:var(--text-sub);padding-bottom:18px;font-size:13.5px;line-height:2}.lp-footer{border-top:1px solid var(--line);text-align:center;padding:40px 24px 56px}.lp-footer .links{flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:18px;display:flex}.lp-footer a{color:var(--text-faint);letter-spacing:.08em;transition:color var(--dur-short) var(--ease-out);font-size:12px}@media (hover:hover){.lp-footer a:hover{color:var(--text-sub)}}.lp-footer .copy{color:var(--text-faint);opacity:.7;font-size:11px}.lp-doc{max-width:720px;margin:0 auto;padding:24px 24px 72px}.lp-doc h1{letter-spacing:.1em;text-align:center;margin:24px 0 20px;font-size:clamp(22px,3.5vw,28px);font-weight:700}.lp-doc-intro{color:var(--text-sub);text-align:center;margin-bottom:40px;font-size:13.5px;line-height:2.1}.lp-doc h2{letter-spacing:.06em;color:var(--text-main);margin:36px 0 10px;font-size:15.5px;font-weight:700}.lp-doc p{color:var(--text-sub);margin-bottom:10px;font-size:13.5px;line-height:2.05}.lp-doc ul{margin-bottom:10px;padding-left:1.3em}.lp-doc li{color:var(--text-sub);margin-bottom:6px;font-size:13.5px;line-height:2.05}.lp-doc strong{color:var(--text-main);font-weight:700}.lp-doc a{color:var(--accent)}.lp-doc-date{text-align:right;color:var(--text-faint);margin-top:40px;font-size:12px}.contact-form{flex-direction:column;margin-top:28px;display:flex}.cf-label{color:var(--text-main);letter-spacing:.04em;margin-bottom:var(--space-2xs);font-size:13.5px;font-weight:500}.cf-select,.cf-input,.cf-textarea{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-input);color:var(--text-main);margin-bottom:var(--space-md);width:100%;padding:12px 14px;font-size:15px}.cf-textarea{resize:vertical;line-height:1.9}.cf-select:focus-visible,.cf-input:focus-visible,.cf-textarea:focus-visible{border-color:var(--accent);outline:none}.cf-note{color:var(--text-faint);margin:-8px 0 20px;font-size:12px}.cf-error{color:var(--text-sub);background:var(--bg-card-soft);border:1px solid var(--line);border-radius:var(--radius-input);margin-bottom:var(--space-md);padding:10px 14px;font-size:13px}.cf-submit{background:var(--accent);border-radius:var(--radius-pill);color:#0b1322;letter-spacing:.06em;transition:opacity var(--dur-short) var(--ease-out);border:none;align-self:flex-start;padding:13px 34px;font-size:14.5px;font-weight:700}.cf-submit:disabled{opacity:.45}@media (hover:hover){.cf-submit:hover:not(:disabled){opacity:.88}}.cf-submit:active:not(:disabled){transform:translateY(1px)}.contact-done{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);margin-top:28px;padding:30px 26px}.contact-done .main{color:var(--text-main);margin-bottom:10px;font-size:16px;font-weight:500}.contact-done .sub{color:var(--text-sub);font-size:13px;line-height:2}.support-form{flex-direction:column;margin-top:28px;display:flex}.sf-amounts{gap:var(--space-2xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.sf-amount{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-sub);letter-spacing:.04em;transition:border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);padding:10px 18px;font-size:14px}.sf-amount.active{border-color:var(--accent);color:var(--text-main)}@media (hover:hover){.sf-amount:hover{color:var(--text-main)}}.sf-amount:active{transform:translateY(1px)}.sf-custom{flex-direction:column;display:flex}.share-place{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-sub);letter-spacing:.08em;cursor:pointer;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);background:0 0;align-items:center;gap:10px;margin:0 auto;padding:13px 26px;font-family:inherit;font-size:13px;display:inline-flex}.share-place span{color:var(--accent)}@media (hover:hover){.share-place:hover{color:var(--text-main);border-color:var(--accent)}}.share-place:active{transform:translateY(1px)}.lp-share{text-align:center;padding:0 24px 64px}.mine-share{text-align:center;padding:12px 0 24px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:80ms!important}.screen,.overlay,.promise,.toast,.star{animation:none!important}.empathy:active,.w-btn:active,.write-btn:active,.reply-send:active,.promise button:active,.dialog .row button:active,.draft-actions button:active,.r-actions button:active,.share-place:active,.sf-amount:active{transform:none!important}}.lang-switch{opacity:.7;margin-top:1rem;font-size:.8rem}.lang-switch button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:.2rem .3rem;text-decoration:underline}.lang-switch button:disabled{cursor:default;opacity:.5;text-decoration:none}.doc-notice{opacity:.85;border-left:3px solid #ffffff40;margin:1.5rem 0;padding:.75rem 1rem;font-size:.9rem}
