*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fdf6ff;--surface:#fff;--surface2:#f3eaff;--border:#b478f026;--text:#2d1f3d;--text-muted:#7a6090;--accent:#b06ef3;--accent2:#f472b6;--radius:16px;--font:"Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;padding-top:64px;line-height:1.6;overflow-x:hidden}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fdf6ffd9;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.logo-text{letter-spacing:.15em;color:var(--text-muted);font-size:13px;font-weight:700}.nav{gap:24px;display:flex}.nav a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--text)}.header-auth{align-items:center;gap:12px;display:flex}.header-username{color:var(--accent);font-size:13px;font-weight:600}.auth-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;transition:opacity .2s}.auth-btn:hover{opacity:.85}.auth-btn-ghost{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:7px 16px;font-size:13px;transition:border-color .2s}.auth-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.profile-page{min-height:80vh;padding:40px 24px}.profile-inner{flex-direction:column;gap:40px;max-width:680px;margin:0 auto;display:flex}.profile-hero{align-items:center;gap:20px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:800;display:flex}.profile-name{font-size:24px;font-weight:800}.profile-joined{color:var(--text-muted);margin-top:4px;font-size:13px}.profile-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:24px}.profile-section-title{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.profile-count{background:var(--surface2);color:var(--text-muted);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.profile-empty{color:var(--text-muted);font-size:14px}.profile-list{flex-direction:column;gap:8px;list-style:none;display:flex}.profile-list-item{border-bottom:1px solid var(--border);padding-bottom:8px}.profile-list-item:last-child{border-bottom:none;padding-bottom:0}.profile-article-link{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.profile-article-link:hover{color:var(--accent)}.profile-article-emoji{font-size:18px}.profile-comment-item{border-bottom:1px solid var(--border);padding:12px 0}.profile-comment-item:last-child{border-bottom:none}.profile-comment-article{color:var(--accent);margin-bottom:4px;font-size:12px;font-weight:600;text-decoration:none;display:block}.profile-comment-article:hover{text-decoration:underline}.profile-comment-body{color:var(--text);font-size:14px;line-height:1.5}.profile-comment-date{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.profile-pw-form{flex-direction:column;gap:14px;display:flex}.profile-msg-ok{color:#16a34a;background:#f0fdf4;border-radius:8px;padding:8px 12px;font-size:13px}.invite-create-form{flex-direction:column;gap:14px;display:flex}.invite-create-row{align-items:flex-end;gap:12px;display:flex}.invite-days-select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:15px}.invite-result{background:var(--surface2);border-radius:10px;margin-top:16px;padding:14px}.invite-result-label{color:var(--text-muted);margin-bottom:8px;font-size:12px}.invite-result-url{background:var(--surface);border:1px solid var(--border);color:var(--text);word-break:break-all;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.invite-result-url span{flex:1}.invite-copy-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.profile-logout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;align-self:flex-start;padding:10px;font-size:14px;transition:all .2s}.profile-logout:hover{color:#e05;border-color:#e05}.header-username{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.header-username:hover{text-decoration:underline}.invite-page{justify-content:center;align-items:center;min-height:80vh;padding:24px;display:flex}.invite-card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:400px;padding:40px 32px;box-shadow:0 20px 60px #2d1f3d1f}.invite-header{text-align:center;margin-bottom:32px}.invite-emoji{margin-bottom:12px;font-size:48px;display:block}.invite-title{margin-bottom:6px;font-size:22px;font-weight:800}.invite-agree-label{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.invite-agree-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:2px}.invite-subtitle{color:var(--text-muted);font-size:14px}.invite-form{flex-direction:column;gap:16px;display:flex}.invite-username-input{background:var(--surface2)!important;color:var(--accent)!important;cursor:default!important;font-weight:700!important}.invite-loading{color:var(--text-muted);text-align:center}.invite-error-big{text-align:center;color:var(--text-muted);padding:16px;font-size:15px}.notif-wrap{position:relative}.notif-bell{cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;position:relative}.notif-badge{color:#fff;text-align:center;background:#e05;border-radius:10px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:-2px;right:-4px}.notif-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:200;width:320px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 8px 32px #2d1f3d26}.notif-header{color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px;font-weight:700}.notif-empty{color:var(--text-muted);text-align:center;padding:20px 16px;font-size:13px}.notif-list{max-height:360px;list-style:none;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);padding:12px 16px}.notif-item:last-child{border-bottom:none}.notif-item-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.notif-commenter{color:var(--accent);font-size:13px;font-weight:700}.notif-item-date{color:var(--text-muted);font-size:11px}.notif-item-article{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.notif-role{color:var(--accent);background:var(--surface2);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.notif-item-body{color:var(--text);font-size:13px;line-height:1.5}.comment-section{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.comment-title{align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.comment-count{background:var(--surface2);color:var(--text-muted);border-radius:20px;padding:2px 10px;font-size:13px;font-weight:600}.comment-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.comment-empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:14px}.comment-item{background:var(--surface2);border-radius:12px;padding:14px 16px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comment-username{color:var(--accent);font-size:13px;font-weight:700}.comment-date{color:var(--text-muted);font-size:11px}.comment-body{color:var(--text);white-space:pre-wrap;font-size:14px;line-height:1.6}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-input{border:1px solid var(--border);width:100%;font-size:16px;font-family:var(--font);background:var(--bg);color:var(--text);resize:vertical;border-radius:12px;outline:none;padding:12px 14px;transition:border-color .2s}.comment-input:focus{border-color:var(--accent)}.comment-input[readonly]{cursor:pointer}.comment-form-footer{justify-content:space-between;align-items:center;display:flex}.comment-chars{color:var(--text-muted);font-size:12px}.comment-submit{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600;transition:opacity .2s}.comment-submit:hover:not(:disabled){opacity:.85}.comment-submit:disabled{opacity:.4;cursor:not-allowed}.replies-list{border-left:2px solid var(--border);flex-direction:column;gap:8px;margin-top:10px;margin-left:20px;padding-left:14px;display:flex}.reply-item{background:var(--surface);border-radius:10px;padding:10px 14px}.reply-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:4px 0;font-size:12px}.reply-btn:hover{color:var(--accent)}.reply-form{flex-direction:column;gap:6px;margin-top:10px;display:flex}.reply-cancel-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:13px}.comment-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.comment-delete-btn:hover{color:#ef4444;background:#ef444414}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#2d1f3d66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:360px;padding:32px;position:relative;box-shadow:0 20px 60px #2d1f3d33}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text)}.auth-tabs{background:var(--surface2);border-radius:10px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:14px;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #00000014}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-muted);font-size:13px;font-weight:600}.auth-field input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;outline:none;padding:10px 14px;font-size:16px;transition:border-color .2s}.auth-field input:focus{border-color:var(--accent)}.auth-error{color:#e05;background:#fff0f3;border-radius:8px;padding:8px 12px;font-size:13px}.auth-submit{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:700;transition:opacity .2s}.auth-submit:hover:not(:disabled){opacity:.85}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.hero{text-align:center;padding:56px 24px 40px;position:relative;overflow:hidden}.hero-inner{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-eyebrow{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:20px;font-size:13px;font-weight:600}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#7c3aed 0%,#db2777 60%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(56px,10vw,120px);font-weight:900;line-height:1}.hero-sub{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:18px}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.blob{filter:blur(80px);opacity:.25;border-radius:50%;position:absolute}.blob1{background:#d8b4fe;width:500px;height:500px;top:-150px;left:-100px}.blob2{background:#fbcfe8;width:400px;height:400px;top:-80px;right:-80px}.blob3{background:#fde68a;width:300px;height:300px;bottom:-100px;left:50%;transform:translate(-50%)}.content-section{padding:48px 24px 80px}.section-inner{max-width:1200px;margin:0 auto}.section-title{letter-spacing:-.02em;margin-bottom:32px;font-size:28px;font-weight:800}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:14px;font-family:var(--font);background:0 0;border-radius:100px;padding:6px 16px;transition:all .2s}.filter-btn:hover{color:var(--text);border-color:#fff3}.filter-btn.active{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-color:#0000}.filter-btn-liked{color:#f472b6;border-color:#f472b6}.filter-btn-liked.active{background:linear-gradient(135deg,#f472b6,#fb923c)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px 24px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--card-accent);opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--card-accent);transform:translateY(-3px);box-shadow:0 8px 30px #b06ef31f}.card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-emoji{flex-shrink:0;font-size:28px;line-height:1}.card-meta{justify-content:flex-end;align-items:center;gap:8px;display:flex}.card-tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.card-date{color:var(--text-muted);font-size:12px}.card-author{color:var(--accent);font-size:12px;font-weight:600}.card-ai{color:var(--text-muted);background:var(--surface2);border-radius:4px;padding:1px 6px;font-size:11px}.card-title{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.3}.card-desc{color:var(--text-muted);flex:1;font-size:14px;line-height:1.7}.card-link{color:var(--accent);align-items:center;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.card-link:hover{opacity:.7}.card-clickable{cursor:pointer}.card-hint{color:var(--text-muted);opacity:.6;margin-top:auto;font-size:11px}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:560px;max-height:80vh;padding:40px;position:relative;overflow-y:auto}.modal-close{background:var(--surface2);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#ffffff1a}.modal-emoji{margin-bottom:16px;font-size:48px}.modal-title{letter-spacing:-.02em;margin-bottom:24px;font-size:26px;font-weight:800}.modal-body{flex-direction:column;gap:14px;display:flex}.modal-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:8px;font-size:14px;font-weight:700}.modal-p{color:var(--text-muted);font-size:15px;line-height:1.8}.modal-list{flex-direction:column;gap:8px;padding-left:20px;display:flex}.modal-list li{color:var(--text-muted);font-size:15px;line-height:1.7}.modal-link{color:var(--accent);margin-top:24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.modal-link:hover{opacity:.7}.empty{text-align:center;color:var(--text-muted);padding:80px 0;font-size:15px;line-height:2}.empty code{background:var(--surface2);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:13px}.footer{border-top:1px solid var(--border);padding:60px 24px}.footer-inner{text-align:center;flex-direction:column;gap:8px;max-width:1200px;margin:0 auto;display:flex}.footer-logo{letter-spacing:.15em;color:var(--text-muted);font-size:13px;font-weight:700}.footer-note{color:var(--text-muted);font-size:14px}.footer-copy{color:#643c8c4d;margin-top:8px;font-size:12px}.item-page{min-height:80vh;padding:60px 24px 100px}.item-page-inner{max-width:760px;margin:0 auto}.back-link{color:var(--text-muted);border:1.5px solid var(--border);background:var(--surface);border-radius:100px;align-items:center;gap:6px;margin-bottom:48px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.back-link:hover{border-color:var(--accent);color:var(--accent)}.item-hero{border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:40px;position:relative}.item-hero-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.item-emoji{flex-shrink:0;padding-top:4px;font-size:48px;line-height:1}.item-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.item-meta-row{align-items:center;gap:8px;display:flex}.item-tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:100px;padding:3px 12px;font-size:11px;font-weight:700}.item-date{color:var(--text-muted);font-size:13px}.item-author{color:var(--accent);font-size:13px;font-weight:600}.item-composer{color:var(--accent2);font-size:13px;font-weight:600}.item-ai{color:var(--text-muted);background:var(--surface2);border-radius:4px;padding:2px 8px;font-size:12px}.item-title{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(36px,6vw,60px);font-weight:900;line-height:1.1}.item-lead{color:var(--text-muted);font-size:18px;line-height:1.7}.item-body{flex-direction:column;gap:20px;display:flex}.item-heading{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);border-top:2px solid var(--border);margin-top:40px;padding-top:32px;scroll-margin-top:80px;font-size:13px;font-weight:700}.item-heading:first-child{border-top:none;margin-top:0;padding-top:0}.item-heading-sub{border-top:1px dashed var(--border);color:var(--text);margin-top:28px;padding-top:24px;font-size:11px}.item-toc{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:20px 24px}.item-toc-title{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px;font-weight:700}.item-toc-list{counter-reset:toc;flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.item-toc-list li{counter-increment:toc}.item-toc-list li:before{content:counter(toc) ".";color:var(--accent);min-width:20px;margin-right:8px;font-size:12px;font-weight:600;display:inline-block}.item-toc-list a{color:var(--text);font-size:14px;line-height:1.6;text-decoration:none;transition:color .15s}.item-toc-list a:hover{color:var(--accent)}.item-toc-sub{padding-left:20px}.item-toc-sub:before{color:var(--text-muted)!important;font-size:11px!important}.item-toc-sub a{color:var(--text-muted)!important;font-size:13px!important}.item-toc-sub a:hover{color:var(--accent)!important}.scroll-to-top{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--accent);cursor:pointer;z-index:90;border-radius:50%;font-size:18px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;right:28px;box-shadow:0 2px 12px #00000014}.scroll-to-top:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.item-p{color:var(--text-muted);margin-bottom:4px;font-size:15.5px;line-height:2}.item-list{flex-direction:column;gap:12px;padding-left:0;list-style:none;display:flex}.item-list li{color:var(--text-muted);background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:12px 16px;font-size:15px;line-height:1.7}.adsense-wrap{border-top:1px solid var(--border);margin-top:48px;padding-top:32px}.item-stats{align-items:center;gap:12px;margin-top:24px;display:flex}.item-stat-views{color:var(--text-muted);font-size:13px}.item-stat-like{font-size:13px;font-family:var(--font);color:var(--text-muted);background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:100px;align-items:center;gap:5px;padding:4px 14px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.item-stat-like:hover{color:#f43f5e;border-color:#f43f5e}.item-stat-like.liked{color:#f43f5e;background:#f43f5e0f;border-color:#f43f5e}.item-link-btn{background:var(--accent);color:#fff;border-radius:100px;margin-top:40px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.item-link-btn:hover{opacity:.8}.pf-wrap{background:var(--surface2);border:1.5px solid var(--border);border-radius:20px;flex-direction:column;gap:20px;padding:32px;display:flex}.pf-breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.pf-sep{color:var(--text-muted);margin:0 2px}.pf-crumb{color:var(--accent);cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;border:none;border-radius:4px;padding:2px 6px;transition:background .15s}.pf-crumb:hover{background:#7c6af726}.pf-step{letter-spacing:.15em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.pf-question{letter-spacing:-.01em;font-size:20px;font-weight:800;line-height:1.3}.pf-options{flex-direction:column;gap:10px;display:flex}.pf-option{background:var(--surface);border:1.5px solid var(--border);color:var(--text);font-size:15px;font-family:var(--font);text-align:left;cursor:pointer;border-radius:12px;padding:14px 18px;transition:border-color .15s,background .15s,box-shadow .15s}.pf-option:hover{border-color:var(--accent);background:#b06ef30f;box-shadow:0 4px 12px #b06ef31a}.pf-result{background:var(--lv-bg);border:1px solid var(--lv-color);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.pf-result-title{color:var(--lv-color);font-size:20px;font-weight:800}.pf-result-action{color:var(--text-muted);font-size:14px}.pf-result-action strong{color:var(--text)}.pf-diseases{flex-direction:column;gap:10px;display:flex}.pf-disease{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.pf-disease-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pf-disease-name{font-size:15px;font-weight:700}.pf-disease-prob{font-size:12px;font-weight:600}.pf-disease-desc{color:var(--text-muted);font-size:13px;line-height:1.7}.pf-reset{border:1px solid var(--border);color:var(--text-muted);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border-radius:100px;align-self:flex-start;padding:8px 20px;transition:border-color .2s,color .2s}.pf-reset:hover{color:var(--text);border-color:#ffffff4d}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header-row .section-title{margin-bottom:0}.fchat-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #0000004d}.fchat-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #0006}.fchat-btn-open{transform:scale(.92)}.fchat-panel{background:var(--surface2);border:1px solid var(--border);z-index:999;border-radius:18px;flex-direction:column;width:360px;max-height:520px;display:flex;position:fixed;bottom:96px;right:28px;overflow:hidden;box-shadow:0 8px 40px #00000059}.fchat-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.fchat-expand{color:var(--text-muted);margin-left:auto;font-size:12px;text-decoration:none}.fchat-expand:hover{color:var(--accent)}.fchat-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;font-size:16px}.fchat-list{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.fchat-item{background:var(--surface);border-radius:12px;padding:10px 12px}.fchat-item-meta{align-items:center;gap:8px;margin-bottom:4px;display:flex}.fchat-username{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.fchat-username:hover{text-decoration:underline}.fchat-date{color:var(--text-muted);margin-left:auto;font-size:11px}.fchat-body{color:var(--text);white-space:pre-wrap;font-size:13px;line-height:1.55}.fchat-reply-hint{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.fchat-empty{color:var(--text-muted);text-align:center;padding:16px 0;font-size:13px}.fchat-form{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.fchat-input{border:1px solid var(--border);width:100%;font-size:16px;font-family:var(--font);background:var(--bg);color:var(--text);resize:none;box-sizing:border-box;border-radius:10px;padding:10px 12px}.fchat-input:focus{border-color:var(--accent);outline:none}.fchat-form-footer{justify-content:space-between;align-items:center;display:flex}.fchat-submit{padding:6px 16px;font-size:13px}.fchat-login-hint{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:12px 14px;font-size:12px}@media (width<=640px){.fchat-panel{width:auto;bottom:110px;left:12px;right:12px}.fchat-btn{bottom:72px;right:20px}}.sudoku-wrap{max-width:560px;margin:0 auto;padding-bottom:100px}.sudoku-timer{text-align:center;letter-spacing:2px;color:var(--text);margin-bottom:12px;font-size:22px;font-weight:700}.sudoku-ranking{margin-top:24px}.sudoku-ranking-title{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:700}.sudoku-ranking-table{border-collapse:collapse;width:100%;font-size:14px}.sudoku-ranking-table td{border-bottom:1px solid var(--border);padding:6px 8px}.sudoku-rank-num{color:var(--text-muted);width:32px}.sudoku-rank-name{font-weight:600}.sudoku-rank-time{text-align:right;font-variant-numeric:tabular-nums}.sudoku-rank-top td{color:var(--accent)}.sudoku-tabs{gap:8px;margin-bottom:16px;display:flex}.sudoku-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;padding:6px;font-size:13px}.sudoku-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sudoku-clear{text-align:center;color:var(--accent);margin-bottom:12px;font-size:20px;font-weight:700}.sudoku-grid{aspect-ratio:1;border:2px solid var(--text);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;width:100%;margin-bottom:20px;display:flex}.sudoku-row{border-bottom:1px solid var(--border);flex:1;display:flex}.sudoku-row:last-child{border-bottom:none}.sudoku-row.box-bottom{border-bottom:2px solid var(--text)}.sudoku-cell{border-right:1px solid var(--border);cursor:pointer;background:var(--surface);min-width:0;color:var(--text);flex:1;justify-content:center;align-items:center;font-size:clamp(16px,5.5vw,28px);font-weight:500;transition:background .1s;display:flex}.sudoku-cell:last-child{border-right:none}.sudoku-cell.box-right{border-right:2px solid var(--text)}.sudoku-cell.fixed{cursor:default;font-weight:700}.sudoku-cell.selected{background:var(--accent)!important;color:#fff!important}.sudoku-cell.related{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.sudoku-cell.same-num{background:color-mix(in srgb, var(--accent) 25%, var(--surface))}.sudoku-cell.error{color:#ef4444}.sudoku-numpad{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.sudoku-num{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:14px 0;font-size:20px;transition:background .1s}.sudoku-num:hover{background:color-mix(in srgb, var(--accent) 15%, var(--surface))}.sudoku-erase{color:#ef4444}.sudoku-btns{gap:8px;display:flex}.sudoku-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px}.sudoku-btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.content-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0;display:grid}.content-cards.cards-sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.content-cards.cards-lg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.content-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--card-color,var(--accent));border-radius:12px;padding:14px 12px}.content-card-emoji{margin-bottom:6px;font-size:22px;line-height:1;display:block}.content-card-title{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.3}.content-card-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.content-card-sub{color:var(--card-color,var(--accent));margin-top:6px;font-size:11px;font-weight:600}.content-card.has-icon{background:var(--card-color,var(--accent));border-color:#0000}.content-card.has-icon .content-card-title{color:#fff}.content-card.has-icon .content-card-desc{color:#ffffffc7}.content-card.has-icon .content-card-sub{color:#fff9}.content-card-icon{object-fit:contain;width:32px;height:32px;margin-bottom:8px;display:block}.content-timeline{margin:16px 0}.content-timeline-item{grid-template-columns:72px 1fr;gap:16px;padding-bottom:14px;display:grid;position:relative}.content-timeline-item:not(:last-child):after{content:"";background:var(--border);width:2px;position:absolute;top:20px;bottom:0;left:78px}.content-timeline-year{color:var(--accent);text-align:right;padding-top:3px;font-size:11px;font-weight:700;line-height:1.3;position:relative}.content-timeline-year:after{content:"";background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:-10px}.content-timeline-text{color:var(--text);padding-top:2px;font-size:13px;line-height:1.6}.p2048-wrap{max-width:420px;margin:0 auto;padding-bottom:40px}.p2048-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.p2048-logo{color:#776e65;font-size:40px;font-weight:900;line-height:1}.p2048-scores{gap:8px;display:flex}.p2048-score-box{text-align:center;background:#bbada0;border-radius:6px;min-width:72px;padding:8px 16px}.p2048-score-label{color:#eee4da;text-transform:uppercase;font-size:11px;font-weight:700}.p2048-score-val{color:#fff;font-size:18px;font-weight:700}.p2048-hint{color:var(--text-muted);margin-bottom:12px;font-size:13px}.p2048-board{background:#bbada0;border-radius:8px;padding:8px;position:relative}.p2048-grid{aspect-ratio:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.p2048-tile{aspect-ratio:1;border-radius:4px;justify-content:center;align-items:center;font-weight:700;transition:background .1s;display:flex}.p2048-overlay{background:#eee4dab3;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.p2048-overlay-inner{text-align:center}.p2048-overlay-msg{color:#776e65;margin-bottom:8px;font-size:28px;font-weight:900}.p2048-overlay-score{color:#776e65;margin-bottom:16px;font-size:16px}.p2048-overlay-btns{justify-content:center;gap:8px;display:flex}.chats-page{min-height:80vh;padding:40px 24px}.chats-inner{max-width:640px;margin:0 auto}.chat-compose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:16px}.chat-timeline{flex-direction:column;display:flex}.chat-item{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;display:flex}.chat-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.chat-content{flex:1;min-width:0}.chat-item-header{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:4px;display:flex}.chat-username{color:var(--text);font-size:14px;font-weight:700;text-decoration:none}.chat-username:hover{color:var(--accent)}.chat-date{color:var(--text-muted);margin-left:auto;font-size:11px}.chat-item-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);white-space:nowrap;border-radius:5px;padding:1px 7px;font-size:11px;text-decoration:none}.chat-item-badge:hover{opacity:.8}.chat-inline-link{color:var(--accent);text-decoration:underline}.chat-inline-link:hover{opacity:.8}.chat-body{color:var(--text);white-space:pre-wrap;word-break:break-word;margin-bottom:6px;font-size:14px;line-height:1.6}.chat-link-card{border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.chat-link-card:hover{border-color:var(--accent);background:var(--surface2)}.chat-link-card-emoji{flex-shrink:0;font-size:28px}.chat-link-card-body{min-width:0}.chat-link-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:700;overflow:hidden}.chat-link-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.chat-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.chat-like-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:13px;transition:color .15s}.chat-like-btn:hover,.chat-like-btn.liked{color:#f43f5e}.chat-reply-btn{margin-top:0}.chat-reply-count{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:2px;padding:0;font-size:12px;display:block}.chat-reply-count:hover{color:var(--accent)}.chat-replies{border-left:2px solid var(--border);flex-direction:column;gap:10px;margin-top:10px;padding-left:12px;display:flex}.chat-reply-item{gap:8px;display:flex}.chat-reply-avatar{background:var(--surface2);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;display:flex}.chat-reply-content{flex:1;min-width:0}.chat-reply-header{align-items:center;gap:7px;margin-bottom:2px;display:flex}@media (width<=640px){.chats-page{padding:24px 16px}}.user-page{min-height:80vh;padding:40px 24px}.user-page-inner{max-width:720px;margin:0 auto}.follow-btn{font-size:14px;font-family:var(--font);cursor:pointer;background:var(--accent);color:#fff;border:2px solid var(--accent);border-radius:100px;align-self:flex-start;margin-top:8px;padding:8px 22px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.follow-btn.following{color:var(--accent);border-color:var(--accent);background:0 0}.follow-btn:hover{opacity:.85}.follow-btn:disabled{opacity:.5;cursor:default}.item-author-link{color:inherit;border-bottom:1px dotted;text-decoration:none;transition:color .15s}.item-author-link:hover{color:var(--accent)}.header-users-link{color:var(--text-muted);border-radius:8px;padding:4px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.header-users-link:hover{color:var(--text);background:var(--surface2)}.users-list{flex-direction:column;gap:8px;list-style:none;display:flex}.users-list-item{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.users-list-item:hover{background:var(--surface2);border-color:var(--accent)}.users-list-username{flex:1;font-size:15px;font-weight:600}.users-list-arrow{color:var(--text-muted);font-size:14px}.usersearch-wrap{position:relative}.usersearch-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:18px;line-height:1;transition:background .15s}.usersearch-icon:hover{background:var(--surface2)}.usersearch-dropdown{background:var(--surface);border:1px solid var(--border);z-index:200;border-radius:14px;width:240px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #8c50c81f}.usersearch-input{border:1px solid var(--border);width:100%;font-size:16px;font-family:var(--font);background:var(--bg);color:var(--text);border-radius:8px;outline:none;padding:8px 12px}.usersearch-input:focus{border-color:var(--accent)}.usersearch-results{margin-top:8px;list-style:none}.usersearch-result-item{cursor:pointer;width:100%;font-size:14px;font-family:var(--font);color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.usersearch-result-item:hover{background:var(--surface2)}.usersearch-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.usersearch-empty{color:var(--text-muted);text-align:center;margin-top:8px;font-size:13px}.header-mobile-right{align-items:center;gap:4px;display:none}.hamburger{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:22px;transition:background .2s}.hamburger:hover{background:var(--surface2)}.header-mobile-menu{border-top:1px solid var(--border);background:#fdf6fffa;flex-direction:column;padding:8px 24px 16px;display:flex}.mobile-menu-link{color:var(--text);border-bottom:1px solid var(--border);padding:14px 0;font-size:15px;text-decoration:none;display:block}.mobile-menu-link:hover{color:var(--accent)}.mobile-menu-btn{text-align:left;width:100%;color:var(--text);border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;padding:14px 0;font-family:inherit;font-size:15px;display:block}.mobile-menu-btn:hover{color:var(--accent)}@media (width<=640px){.header-auth{display:none}.header-mobile-right{display:flex}.hero{padding:40px 20px 24px}.hero-title{font-size:28px}.hero-sub{font-size:14px}.grid{grid-template-columns:1fr}.nav{gap:16px}.content-section{padding:32px 16px 60px}.card{gap:8px;padding:16px}.card-emoji{font-size:24px}.card-title{font-size:16px}.profile-page{padding:24px 16px}.profile-hero{gap:12px}.profile-avatar{width:48px;height:48px;font-size:20px}.profile-name{font-size:20px}.profile-joined{font-size:12px}.user-page{padding:24px 16px}.user-page-inner{padding:0}.item-page{padding:24px 16px 60px}.item-page-inner{max-width:100%}.item-title{font-size:clamp(24px,7vw,40px)}.item-meta{flex-wrap:wrap;gap:8px}.pf-wrap{padding:20px 16px}.section-header-row{flex-direction:column;align-items:flex-start;gap:8px}.invite-create-row{flex-direction:column}img,table,pre,code{max-width:100%}}