*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:100dvh;-webkit-text-size-adjust:100%}:root{--bg: #090815;--surface: #111024;--card: #17162B;--card2: #1D1C33;--border: rgba(255,255,255,.07);--borderhi: rgba(255,255,255,.13);--t1: #EFECFF;--t2: #8B89A8;--t3: #4E4C68;--heal: #F59E0B;--revenge: #7C6AFF;--release: #8FA987;--r: 16px}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,sans-serif;background:var(--bg);color:var(--t1);display:flex;justify-content:center;overflow:hidden;height:100vh;height:100dvh}#root{width:100%;height:100%;display:flex;justify-content:center}.viewport{width:100%;max-width:430px;height:100vh;height:100dvh;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}@keyframes screenEnter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:screenEnter .38s cubic-bezier(.4,0,.2,1) both}.s-input{overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg)}.input-inner{padding:52px 24px calc(48px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;min-height:100%}.logo-row{display:flex;align-items:center;gap:10px;margin-bottom:28px}.logo-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#ec4899);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.logo-name{font-size:17px;font-weight:700;letter-spacing:.02em}.page-h1{font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px}.page-sub{font-size:14px;color:var(--t2);line-height:1.55;margin-bottom:32px}.sec{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}.emo-wrap{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 16px 8px;margin-bottom:8px;transition:border-color .2s}.emo-wrap:focus-within{border-color:#f59e0b80}.emo-textarea{display:block;width:100%;background:none;border:none;outline:none;color:var(--t1);font-size:15px;line-height:1.65;resize:none;height:76px;font-family:inherit}.emo-textarea::placeholder{color:var(--t3)}.emo-footer{display:flex;justify-content:flex-end;padding-bottom:4px}.char-count{font-size:11px;color:var(--t3)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.qtag{padding:5px 13px;background:var(--card);border:1px solid var(--border);border-radius:100px;font-size:12px;color:var(--t2);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qtag.active{background:#f59e0b21;border-color:#f59e0b80;color:var(--heal)}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:28px}.scard{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:14px 8px;text-align:center;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.scard:active{transform:scale(.96)}.scard.sel-heal{background:#f59e0b1a;border-color:#f59e0b8c}.scard.sel-revenge{background:#7c6aff1a;border-color:#7c6aff99}.scard.sel-release{background:#8fa9871a;border-color:#8fa9878c}.scard-icon{font-size:22px;margin-bottom:7px;line-height:1}.scard-name{font-size:13px;font-weight:600;color:var(--t1)}.scard-sub{font-size:10px;color:var(--t3);margin-top:3px;line-height:1.35}.range-row{display:flex;align-items:center;gap:10px;margin-bottom:32px}.range-lbl{font-size:11px;color:var(--t3);white-space:nowrap}.range-slider{flex:1;-webkit-appearance:none;height:3px;background:var(--card2);border-radius:2px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent, #F59E0B);cursor:pointer}.range-val{font-size:15px;font-weight:700;width:18px;text-align:center}.btn-cta{width:100%;padding:17px;border:none;border-radius:var(--r);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent;margin-top:auto}.btn-cta:active{transform:scale(.98);opacity:.85}.s-loading{background:var(--bg);align-items:center;justify-content:center;gap:28px}.orb{position:relative;width:72px;height:72px}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2.5px solid transparent;animation:spin 1.2s linear infinite}.orb-ring:nth-child(2){top:9px;right:9px;bottom:9px;left:9px;animation:spin 2s linear infinite reverse}.orb-center{position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--card)}@keyframes spin{to{transform:rotate(360deg)}}.load-msg{font-size:14px;color:var(--t2);text-align:center;line-height:1.7}.dots{display:inline-flex;gap:4px;margin-top:8px}.dot{width:4px;height:4px;border-radius:50%;background:var(--t3);animation:blink 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{transform:scale(.8);opacity:.35}40%{transform:scale(1.2);opacity:1}}.s-result{overflow-y:auto;-webkit-overflow-scrolling:touch}.illus{width:100%;height:240px;flex-shrink:0;position:relative;overflow:hidden;transition:background .5s}.illus-heal{background:radial-gradient(ellipse 65% 55% at 55% 72%,#643200bf,#140a00f5 60%),linear-gradient(180deg,#060410,#0d0800)}.illus-revenge{background:radial-gradient(ellipse 80% 60% at 50% 110%,#190f46e6,#03030efa 55%),linear-gradient(180deg,#020208,#050414)}.illus-release{background:radial-gradient(ellipse 75% 70% at 28% 32%,#283e32a6,#050807f5 62%),linear-gradient(180deg,#050708,#08100a)}.illus svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.illus:after{content:"";position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(transparent,var(--card));pointer-events:none}.result-card-body{background:var(--card);padding:22px 20px 24px;display:flex;flex-direction:column}.result-actions{background:var(--card);padding:4px 20px calc(44px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.result-header{display:flex;align-items:center;gap:9px;margin-bottom:18px}.s-pill{padding:3px 11px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.06em}.pill-heal{background:#f59e0b26;color:var(--heal)}.pill-revenge{background:#7c6aff26;color:#a99cff}.pill-release{background:#8fa98726;color:#a8c5a0}.emo-echo{font-size:12px;color:var(--t3)}.story{font-size:15px;line-height:1.95;color:#d6d4f0;letter-spacing:.025em;margin-bottom:26px}.story p+p{margin-top:14px}.sep{width:28px;height:2px;background:var(--borderhi);border-radius:1px;margin-bottom:20px}.act-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.btn{padding:13px 10px;border-radius:12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:5px;transition:transform .1s,opacity .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96);opacity:.82}.btn-filled{transition:background .3s,color .3s}.btn-ghost{background:var(--card2);color:var(--t1);border:1px solid var(--borderhi)}.btn-line{width:100%;padding:12px;border-radius:12px;background:transparent;border:1px solid var(--border);color:var(--t2);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;transition:transform .1s,opacity .15s;-webkit-tap-highlight-color:transparent}.btn-line:active{transform:scale(.97);opacity:.65}.btn-line-dim{color:var(--t3)}.toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%) translateY(10px);background:#1c1a32e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);color:var(--t1);padding:9px 20px;border-radius:100px;font-size:13px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap;z-index:999}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.username-wrap{transition:border-color .2s}.wrap-error{border-color:#ef444499!important}.wrap-ok{border-color:#22c55e80!important}.username-row{display:flex;align-items:center;gap:8px}.username-input{flex:1;background:none;border:none;outline:none;color:var(--t1);font-size:17px;font-weight:600;font-family:inherit;padding:6px 0}.username-input::placeholder{color:var(--t3)}.btn-dice{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;line-height:1;-webkit-tap-highlight-color:transparent;transition:transform .15s}.btn-dice:active{transform:rotate(30deg) scale(.9)}.username-hint{font-size:12px;color:var(--t3);min-height:18px;margin-top:6px;margin-bottom:24px}.hint-error{color:#f87171}.hint-ok{color:#4ade80}.s-works{overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg)}.works-header{display:flex;align-items:center;gap:12px;padding:52px 24px 16px;flex-shrink:0}.btn-back{background:none;border:none;color:var(--t2);font-size:14px;font-family:inherit;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.works-title{font-size:17px;font-weight:700;color:var(--t1)}.works-list{padding:0 20px calc(32px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px}.work-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px}.work-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.work-mood{font-size:14px;color:var(--t1);font-weight:500;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.work-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.work-time{font-size:11px;color:var(--t3)}.work-preview{font-size:12px;color:var(--t2);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.work-actions{display:flex;justify-content:flex-end}.btn-fork{padding:6px 14px;border-radius:8px;background:var(--card2);border:1px solid var(--borderhi);color:var(--t2);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.works-empty{text-align:center;color:var(--t3);font-size:14px;padding:60px 20px}.btn-works-entry{margin-left:auto;background:none;border:none;color:var(--t2);font-size:13px;font-family:inherit;cursor:pointer;padding:4px 0;-webkit-tap-highlight-color:transparent}.btn-quickpass{width:100%;padding:14px;border:1.5px dashed rgba(245,158,11,.45);border-radius:var(--r);background:#f59e0b0f;color:var(--heal);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:10px;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.btn-quickpass:active{background:#f59e0b1f;transform:scale(.98)}.visitor-counter{font-size:12px;color:var(--t3);text-align:center;margin-bottom:14px}.visitor-num{font-weight:700;color:var(--heal);font-size:14px}@keyframes shakeScreen{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-4px) rotate(-.4deg)}40%{transform:translate(4px) rotate(.4deg)}60%{transform:translate(-3px) rotate(-.2deg)}80%{transform:translate(3px) rotate(.2deg)}}@keyframes flashHeal{0%,to{background:var(--bg)}40%{background:#f59e0b17}}@keyframes flashRevenge{0%,to{background:var(--bg)}40%{background:#7c6aff1c}}@keyframes flashRelease{0%,to{background:var(--bg)}40%{background:#8fa98717}}.intensity-high{animation:shakeScreen .55s cubic-bezier(.36,.07,.19,.97) both}.intensity-high.flash-heal{animation:shakeScreen .55s both,flashHeal 1.2s ease .4s}.intensity-high.flash-revenge{animation:shakeScreen .55s both,flashRevenge 1.2s ease .4s}.intensity-high.flash-release{animation:shakeScreen .55s both,flashRelease 1.2s ease .4s}.pc-sidebar{display:none}@media(min-width:768px){html,body{overflow:auto;height:auto;min-height:100vh}body{overflow:auto;justify-content:flex-start}#root{height:auto;min-height:100vh;align-items:stretch;justify-content:flex-start;width:100%}.viewport{width:100%;max-width:100%;height:auto;min-height:100vh;overflow:visible;display:flex;flex-direction:row;align-items:stretch}.pc-sidebar{display:flex;flex-direction:column;width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:40px 20px 32px;position:sticky;top:0;height:100vh;overflow-y:auto}.pc-sidebar-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.pc-sidebar-logo .logo-badge{width:32px;height:32px;font-size:15px}.pc-sidebar-logo .logo-name{font-size:15px}.pc-nav{display:flex;flex-direction:column;gap:4px;flex:1}.pc-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--t2);cursor:pointer;border:none;background:none;font-family:inherit;text-align:left;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;min-height:44px}.pc-nav-item:hover{background:var(--card);color:var(--t1)}.pc-nav-item.active{background:var(--card);color:var(--t1);font-weight:600}.pc-nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:20px;background:var(--accent, #7C6AFF);border-radius:0 2px 2px 0}.pc-nav-item{position:relative}.pc-nav-icon{font-size:16px;flex-shrink:0}.pc-sidebar-user{margin-top:auto;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--t3)}.pc-sidebar-user strong{display:block;color:var(--t2);font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-content{flex:1;min-width:0;width:0;display:flex;flex-direction:column;overflow-y:auto}.screen{position:static;flex:1;min-height:100vh;width:100%}.s-result,.s-loading{width:430px!important;max-width:430px!important;min-height:100vh;margin:0 auto;overflow-y:auto}.s-input{overflow-y:auto;width:100%}.input-inner{padding:48px 48px 64px;min-height:auto;width:100%}.input-inner .logo-row{display:none}.page-h1{font-size:32px}.page-h1 br,.page-sub br{display:none}.page-sub{font-size:16px}.tags{flex-wrap:nowrap;overflow-x:auto}.emo-textarea{height:96px;font-size:16px}.qtag{padding:7px 16px;font-size:13px;min-height:36px}.scard{padding:18px 12px}.scard-icon{font-size:26px}.scard-name{font-size:14px}.btn-cta{font-size:16px;padding:18px}.btn-quickpass{font-size:15px;padding:16px}.s-works{overflow-y:visible}.works-header{padding:40px 48px 16px}.works-header .btn-back{display:none}.works-list{padding:0 48px 48px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-card{gap:10px}.work-mood{font-size:15px}.work-preview{font-size:13px;-webkit-line-clamp:3}.s-loading{min-height:100vh}.works-title{font-size:20px}}