:root{font-family:sans-serif}*{-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh}@media(min-width:481px){body{display:flex;justify-content:center;align-items:flex-start;background-color:#f5f5f5}}h1{font-size:3.2em;line-height:1.1}:root{--primary: #ff91d5;--primary-dark: #e96bbf;--ink: #191f28;--ink-sub: #6b7684;--line: #f2f4f6;--bg: #ffffff}*{box-sizing:border-box}#root{width:100%;padding:0}.app{max-width:480px;width:100%;margin:0 auto;min-height:100vh;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;padding-bottom:74px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 8px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;border:none;background:none;padding:4px 6px;margin:0;border-radius:10px;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--primary-dark);cursor:pointer;-webkit-tap-highlight-color:transparent}.brand:active{background:var(--line)}.brand-logo{width:26px;height:26px;object-fit:contain;border-radius:8px}.hero-mascot{display:block;width:72px;height:72px;object-fit:contain;margin-bottom:6px;margin-left:-4px}.back-btn{width:36px;height:36px;border:none;background:none;font-size:28px;line-height:1;color:var(--ink);cursor:pointer;border-radius:10px}.back-btn:active{background:var(--line)}.back-spacer{width:36px}.screen{flex:1;padding:22px 20px 8px;animation:fade .22s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero{margin-bottom:20px}.hero-eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--primary-dark)}.hero-title{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.25}.hero-sub{margin:0;font-size:14px;color:var(--ink-sub);line-height:1.5}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 16px;border:none;border-radius:18px;text-align:left;cursor:pointer;transition:transform .12s ease}.cat-card:active{transform:scale(.97)}.cat-emoji{font-size:30px;margin-bottom:4px}.cat-label{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.cat-desc{font-size:12px;color:var(--ink-sub);line-height:1.4;padding-right:42px}.cat-peek{position:absolute;right:-12px;bottom:-12px;width:76px;height:76px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 3px 12px #191f281f;pointer-events:none}.prod-head{display:flex;align-items:center;gap:14px;padding:20px;border-radius:18px;margin-bottom:18px}.prod-head-emoji{font-size:38px}.prod-head-title{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.03em}.prod-head-desc{margin:0;font-size:13px;color:var(--ink-sub)}.list-caption{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink-sub)}.prod-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.prod-card{display:flex;align-items:center;gap:13px;width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease}.prod-card:active{transform:scale(.98);border-color:var(--accent, var(--primary))}.prod-thumb{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:13px;overflow:hidden;display:grid;place-items:center}.prod-thumb img{width:100%;height:100%;object-fit:cover}.prod-thumb-ph{font-size:24px;font-weight:800}.prod-rank{position:absolute;top:3px;left:3px;width:18px;height:18px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--accent, var(--primary));border-radius:6px;box-shadow:0 1px 3px #00000040}.prod-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.prod-name{font-size:15px;letter-spacing:-.01em;color:var(--ink)}.prod-name strong{font-weight:800}.prod-note{font-size:12.5px;color:var(--ink-sub)}.prod-buy{flex-shrink:0;font-size:12.5px;font-weight:800;color:var(--accent, var(--primary-dark));white-space:nowrap}.refs{margin-top:26px}.refs-title{margin:0 0 12px;font-size:15px;font-weight:800;letter-spacing:-.02em}.refs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ref-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease}.ref-card:active{transform:scale(.98);border-color:#ff5a5a}.ref-rank{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--ink-sub);background:var(--line);border-radius:7px}.ref-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ref-channel{font-size:14px;font-weight:700;letter-spacing:-.01em}.ref-vtitle{font-size:13px;color:var(--ink-sub);line-height:1.4}.ref-play{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;font-size:11px;color:#fff;background:#f03;border-radius:9px;padding-left:2px}.caution-box{margin-top:16px;padding:15px 16px;background:#fff8e6;border:1px solid #ffe6a8;border-radius:14px}.caution-label{display:block;font-size:13px;font-weight:800;color:#b8860b;margin-bottom:5px}.caution-text{margin:0;font-size:13px;line-height:1.55;color:#7a5d00}.disclaimer{padding:20px 22px 28px;font-size:11.5px;line-height:1.6;color:#adb5bd;text-align:center}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));z-index:20}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 4px;border:none;background:none;cursor:pointer;border-radius:12px;color:#b0b8c1}.tab-btn:active{background:var(--line)}.tab-btn.active{color:var(--primary-dark)}.tab-emoji{font-size:20px;line-height:1;filter:grayscale(1) opacity(.55)}.tab-btn.active .tab-emoji{filter:none}.tab-label{font-size:11px;font-weight:700;letter-spacing:-.01em}.prod-card.static{cursor:default}.prod-card.static:active{transform:none;border-color:var(--line)}.timing-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.timing-card{padding:16px;border-radius:18px}.timing-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.timing-emoji{font-size:30px}.timing-time{margin:0 0 2px;font-size:17px;font-weight:800;letter-spacing:-.02em}.timing-desc{margin:0;font-size:12.5px;color:var(--ink-sub)}.timing-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.timing-item{display:flex;flex-direction:column;gap:2px;padding:11px 13px;background:#ffffffbf;border-radius:12px}.timing-item strong{font-size:14px;font-weight:800;letter-spacing:-.01em}.timing-item span{font-size:12.5px;color:var(--ink-sub);line-height:1.5}.tips-box{margin-top:16px;padding:15px 16px;background:#eef6ff;border:1px solid #cce4ff;border-radius:14px}.tips-label{display:block;font-size:13px;font-weight:800;color:#1b64da;margin-bottom:7px}.tips-list{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:6px}.tips-list li{font-size:13px;line-height:1.55;color:#33557e}.comm-form{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fafbfc;margin-bottom:18px}.comm-nick{width:140px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-family:inherit;background:#fff}.comm-textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;line-height:1.55;background:#fff;resize:vertical;min-height:72px}.comm-nick:focus,.comm-textarea:focus{outline:none;border-color:var(--primary)}.comm-form-foot{display:flex;align-items:center;justify-content:space-between}.comm-count{font-size:11.5px;color:#b0b8c1}.comm-submit{padding:9px 18px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:13.5px;font-weight:800;font-family:inherit;cursor:pointer}.comm-submit:active{background:var(--primary-dark)}.comm-submit:disabled{opacity:.55}.comm-msg{margin:0;font-size:12.5px;color:#e5503c}.comm-status{padding:26px 0;text-align:center;font-size:13.5px;color:var(--ink-sub)}.comm-retry{margin-top:8px;padding:8px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px;font-family:inherit;cursor:pointer}.comm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.comm-post{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff}.comm-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.comm-author{font-size:13.5px;font-weight:800;letter-spacing:-.01em}.comm-time{font-size:11.5px;color:#b0b8c1;flex:1}.prod-buy{align-self:flex-start;margin-top:7px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:700;font-family:inherit;color:var(--accent, var(--ink-sub));cursor:pointer;white-space:nowrap}.prod-buy:active{background:#fafbfc}.buy-note{margin:12px 2px 0;font-size:11.5px;line-height:1.55;color:var(--ink-sub);opacity:.85}.comm-linkbtn{border:none;background:none;font-size:11.5px;color:#b0b8c1;cursor:pointer;padding:2px 4px;font-family:inherit;white-space:nowrap}.comm-linkbtn:disabled{color:#e5503c}.comm-linkbtn.danger{color:#e5503c;font-weight:700}.comm-confirm{display:flex;align-items:center;gap:2px}.comm-content{margin:0;font-size:14px;line-height:1.6;color:var(--ink);white-space:pre-wrap;word-break:break-word}.comm-rule{margin:18px 2px 6px;font-size:11.5px;line-height:1.6;color:#adb5bd;text-align:center}.comm-onboard{display:flex;flex-direction:column;gap:9px;padding:20px 18px;border:1px solid var(--line);border-radius:16px;background:#fafbfc;margin-bottom:18px}.comm-onboard-title{margin:0;font-size:16px;font-weight:800;letter-spacing:-.02em}.comm-onboard-sub{margin:-3px 0 3px;font-size:12.5px;line-height:1.55;color:var(--ink-sub)}.comm-onboard .comm-nick{width:100%}.comm-terms{margin:2px 0 0;font-size:11.5px;line-height:1.55;color:var(--ink-sub)}.comm-onboard-foot{display:flex;justify-content:flex-end;gap:8px}.comm-ghost{padding:9px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13.5px;font-family:inherit;color:var(--ink-sub);cursor:pointer}.comm-profile{display:flex;align-items:center;gap:4px;margin-bottom:10px;padding:0 2px}.comm-profile-name{font-size:13.5px;font-weight:800;color:var(--ink)}.comm-profile-desc{flex:1;font-size:12.5px;color:var(--ink-sub)}.comm-manage{padding:16px 15px;border:1px solid var(--line);border-radius:16px;background:#fafbfc;margin-bottom:14px}.comm-manage-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.comm-manage-title{margin:0;font-size:15px;font-weight:800;letter-spacing:-.02em}.comm-manage-sub{margin:14px 0 6px;font-size:12.5px;font-weight:800;color:var(--ink-sub)}.comm-manage-desc{margin:0 0 10px;font-size:12.5px;line-height:1.6;color:var(--ink-sub)}.comm-block-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:6px}.comm-block-name{font-size:13px;font-weight:700}.comm-manage-foot{display:flex;justify-content:flex-end;gap:8px}.comm-danger-btn{padding:9px 16px;border:1px solid #f5c6c0;border-radius:10px;background:#fff;font-size:13px;font-weight:800;font-family:inherit;color:#e5503c;cursor:pointer}.comm-danger-btn:active{background:#fff5f4}.comm-danger-btn:disabled{opacity:.55}.comm-sort{display:flex;gap:6px;margin-bottom:12px}.comm-sort-btn{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;font-weight:700;font-family:inherit;color:var(--ink-sub);cursor:pointer}.comm-sort-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.comm-mine{flex-shrink:0;padding:2px 7px;border-radius:999px;background:#ffe3f2;color:var(--primary-dark);font-size:10.5px;font-weight:800;letter-spacing:-.01em}.comm-actions{display:flex;gap:6px;margin-top:11px}.comm-act{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12.5px;font-weight:700;font-family:inherit;color:var(--ink-sub);cursor:pointer}.comm-act.on{border-color:#ffd0ea;background:#fff5fb;color:var(--primary-dark)}.comm-act-icon{font-size:13px;line-height:1}.comm-cmts{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.comm-cmt-status{margin:0;font-size:12.5px;color:var(--ink-sub)}.comm-cmt-meta{display:flex;align-items:center;gap:6px;margin-bottom:3px}.comm-cmt-author{font-size:12.5px;font-weight:800;letter-spacing:-.01em}.comm-cmt-content{margin:0;font-size:13px;line-height:1.55;color:var(--ink);white-space:pre-wrap;word-break:break-word}.comm-cmt-form{display:flex;gap:6px}.comm-cmt-input{flex:1;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-family:inherit;background:#fff}.comm-cmt-input:focus{outline:none;border-color:var(--primary)}.comm-cmt-submit{flex-shrink:0;padding:9px 15px;border:none;border-radius:10px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:800;font-family:inherit;cursor:pointer}.comm-cmt-submit:disabled{opacity:.55}.app-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--ink);font-size:14px}