.pit-shell{background:#07080a;justify-content:center}.pit-app,.pit-shell{min-height:100dvh;display:flex}.pit-app{--bg:#101214;--surface:#1b1e21;--surface-2:#202427;--line:#2a2e32;--text:#ecedee;--text-muted:#8b9298;--accent:#ff6a1a;--accent-dim:#4a2c16;--ok:#3ed598;--warn:#ffc24b;--danger:#ff5a5a;--mono:"JetBrains Mono",ui-monospace,monospace;--disp:"Oswald",ui-sans-serif,sans-serif;--body:"Inter",ui-sans-serif,system-ui,sans-serif;position:relative;width:100%;max-width:480px;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--body);border-inline:1px solid #000}.pit-app.light{--bg:#f7f7f8;--surface:#ffffff;--surface-2:#eeeff1;--line:#e2e4e7;--text:#16181b;--text-muted:#767c82;--accent-dim:#ffd3ad}.pit-app *{box-sizing:border-box}.pit-app .app-header{flex:none;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:space-between}.pit-app .pit-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;flex:none;background:var(--bg)}.pit-app .wordmark{display:flex;align-items:center;gap:6px;font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:.5px;white-space:nowrap}.pit-app .wordmark .bolt{color:var(--accent);width:20px;height:20px}.pit-app .header-icons{display:flex;align-items:center;gap:14px}.pit-app .icon-btn{width:22px;height:22px;color:var(--text);cursor:pointer;background:none;border:none;padding:0}.pit-app .theme-switch{width:44px;height:24px;border-radius:14px;position:relative;flex:none;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;display:flex;align-items:center;padding:0 5px;justify-content:space-between}.pit-app .theme-switch svg{width:12px;height:12px;color:var(--text-muted);position:relative;z-index:1}.pit-app .theme-switch .ts-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--accent);transition:transform .25s ease;box-shadow:0 1px 3px rgba(0,0,0,.4)}.pit-app.light .theme-switch .ts-knob{transform:translateX(20px)}.pit-app .branch-tabs{flex:none;display:flex;padding:0 10px;border-bottom:1px solid var(--line);background:var(--bg)}.pit-app .branch-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 9px;cursor:pointer;position:relative;color:var(--text-muted);background:none;border:none}.pit-app .branch-tab svg{width:18px;height:18px}.pit-app .branch-tab .branch-label{font-family:var(--mono);font-size:10px;letter-spacing:.3px;font-weight:500}.pit-app .branch-tab.active{color:var(--text)}.pit-app .branch-tab.active .branch-label{color:var(--accent)}.pit-app .branch-tab .branch-underline{position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:transparent;border-radius:2px}.pit-app .branch-tab.active .branch-underline{background:var(--accent)}.pit-app .branch-tab.all.active .branch-label,.pit-app .branch-tab.all.active svg{color:var(--text)}.pit-app .branch-tab.all.active .branch-underline{background:var(--text)}.pit-app .sub-menu{flex:none;overflow:hidden;background:var(--surface);border-bottom:1px solid var(--line)}.pit-app .sub-menu-row{display:flex;gap:8px;padding:10px 16px;overflow-x:auto}.pit-app .sub-chip{flex:none;font-family:var(--mono);font-size:11px;color:var(--text-muted);border:1px solid var(--line);background:var(--surface-2);padding:6px 12px;border-radius:16px;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.pit-app .sub-chip.active{color:#111;background:var(--accent);border-color:var(--accent);font-weight:600}.pit-app .brand-menu{flex:none;background:var(--surface-2);border-bottom:1px solid var(--line)}.pit-app .brand-menu-row{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px 12px}.pit-app .brand-chip{flex:none;font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--text);border:1px solid var(--line);background:transparent;padding:5px 10px;border-radius:6px;white-space:nowrap;cursor:pointer}.pit-app .pit-scroll{flex:1 1}.pit-app .feed-empty{padding:60px 24px;text-align:center;color:var(--text-muted);font-family:var(--mono);font-size:12px;line-height:1.7}.pit-app .post{border-bottom:1px solid var(--line);padding-bottom:14px}.pit-app .post:first-child{margin-top:14px}.pit-app .post-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px}.pit-app .post-user{display:flex;align-items:center;gap:10px}.pit-app .user-avatar{width:34px;height:34px;border-radius:50%;flex:none;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.pit-app .user-avatar svg{width:18px;height:18px;color:var(--accent)}.pit-app .user-meta .uname{font-size:13px;font-weight:600}.pit-app .user-meta .umodel{font-size:11px;color:var(--text-muted);font-family:var(--mono);display:flex;align-items:center;gap:5px}.pit-app .exp-badge{font-family:var(--mono);font-size:9.5px;color:var(--accent);border:1px solid var(--accent-dim);background:rgba(255,106,26,.08);padding:1px 5px;border-radius:3px}.pit-app .more-dots{color:var(--text-muted);font-size:18px;letter-spacing:2px}.pit-app .post-media{margin:0 16px;height:230px;border-radius:12px;position:relative;overflow:hidden;border:1px solid var(--line);background-color:#15181b;background-image:radial-gradient(circle at 22% 18%,rgba(255,255,255,.06),transparent 42%),radial-gradient(circle at 82% 88%,rgba(255,106,26,.1),transparent 48%),linear-gradient(rgba(255,106,26,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,106,26,.05) 1px,transparent 0),linear-gradient(155deg,#1c2024,#14171a 55%,#101214);background-size:auto,auto,16px 16px,16px 16px,auto;box-shadow:inset 0 0 46px 10px rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}.pit-app .post-media.life{background-image:radial-gradient(circle at 20% 20%,rgba(255,196,75,.14),transparent 45%),radial-gradient(circle at 85% 85%,rgba(255,106,26,.1),transparent 50%),linear-gradient(155deg,#241d18,#1a1613 55%,#131110);background-size:auto}.pit-app .post-media .rig-icon{width:96px;height:96px;color:#3a3f44;opacity:.9}.pit-app .cat-tag{position:absolute;top:10px;left:0;font-family:var(--mono);font-size:10px;font-weight:500;color:#111;background:var(--accent);padding:3px 10px 3px 12px;-webkit-clip-path:polygon(0 0,100% 0,92% 100%,0 100%);clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}.pit-app .cat-tag.life{background:#e8e9ea}.pit-app .diff-gauge{position:absolute;bottom:10px;right:10px;background:rgba(10,11,12,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--line);border-radius:10px;padding:6px 10px;display:flex;align-items:center;gap:7px}.pit-app .diff-gauge svg{width:26px;height:26px}.pit-app .diff-gauge .diff-label{font-family:var(--mono);font-size:9.5px;line-height:1.2}.pit-app .diff-gauge .diff-label .lv{display:block;font-size:11px;font-weight:600}.pit-app .meta-badge{position:absolute;bottom:10px;right:10px;background:rgba(10,11,12,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-family:var(--mono);font-size:10.5px;color:#ecedee;display:flex;align-items:center;gap:5px}.pit-app .meta-badge svg{width:14px;height:14px}.pit-app .play-badge{width:56px;height:56px;border-radius:50%;background:rgba(10,11,12,.55);border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center}.pit-app .play-badge svg{width:20px;height:20px;color:#fff;margin-left:3px}.pit-app .post-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px}.pit-app .actions-left{display:flex;gap:14px}.pit-app .action-icon{width:23px;height:23px;color:var(--text);cursor:pointer;background:none;border:none;padding:0}.pit-app .action-icon.liked{color:var(--danger)}.pit-app .action-icon.saved{color:var(--accent)}.pit-app .post-stats{padding:2px 16px 0;font-size:12.5px;font-family:var(--mono);color:var(--text-muted)}.pit-app .post-caption{padding:6px 16px 0;font-size:13px;line-height:1.5}.pit-app .post-caption .uname{font-weight:600;margin-right:5px}.pit-app .post-tags{padding:5px 16px 0;display:flex;gap:6px;flex-wrap:wrap}.pit-app .tag{color:var(--accent);background:rgba(255,106,26,.08);border:1px solid var(--accent-dim);padding:2px 7px;border-radius:4px}.pit-app .post-time,.pit-app .tag{font-family:var(--mono);font-size:10.5px}.pit-app .post-time{padding:8px 16px 0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.pit-app .bottom-nav{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;flex:none;height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;background:var(--bg)}.pit-app .nav-icon{width:23px;height:23px;color:var(--text-muted);background:none;border:none;cursor:pointer}.pit-app .nav-icon.active{color:var(--text)}.pit-app .nav-fab{width:42px;height:42px;border-radius:12px;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-top:-4px;box-shadow:0 6px 16px -4px rgba(255,106,26,.55);cursor:pointer;border:none}.pit-app .nav-fab svg{width:22px;height:22px;color:#111}.pit-app .nav-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-2);border:1.5px solid var(--text-muted)}.pit-app .composer-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;pointer-events:none;visibility:hidden;transition:visibility 0s .3s}.pit-app .composer-overlay.open{visibility:visible;transition:visibility 0s}.pit-app .composer{position:relative;width:100%;max-width:480px;height:100%;background:var(--bg);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,.35,1);pointer-events:auto}.pit-app .composer-overlay.open .composer{transform:translateY(0)}.pit-app .composer-header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--line)}.pit-app .composer-header .c-close{width:22px;height:22px;color:var(--text);cursor:pointer;background:none;border:none;padding:0}.pit-app .composer-header .c-title{font-family:var(--disp);font-weight:600;font-size:16px;letter-spacing:.3px}.pit-app .c-post-btn{font-family:var(--mono);font-size:12px;font-weight:600;color:#111;background:var(--accent);border:none;padding:7px 14px;border-radius:8px;cursor:pointer}.pit-app .composer-body{flex:1 1;overflow-y:auto;padding:16px 16px 32px}.pit-app .c-section{margin-bottom:20px}.pit-app .c-label{font-family:var(--mono);font-size:10.5px;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:9px;display:block}.pit-app .photo-grid{display:flex;flex-wrap:wrap;gap:8px}.pit-app .photo-tile{width:76px;height:76px;border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none}.pit-app .photo-tile.add{border:1.5px dashed var(--line);color:var(--text-muted);cursor:pointer;background:var(--surface);transition:border-color .15s,color .15s}.pit-app .photo-tile.add:hover{border-color:var(--accent);color:var(--accent)}.pit-app .photo-tile.add svg{width:22px;height:22px}.pit-app .photo-tile.filled{border:1px solid var(--line);color:var(--accent);background-image:radial-gradient(circle at 25% 20%,rgba(255,255,255,.07),transparent 45%),radial-gradient(circle at 80% 85%,rgba(255,106,26,.14),transparent 50%),linear-gradient(155deg,#1c2024,#14171a 55%,#101214)}.pit-app .photo-tile.filled svg{width:24px;height:24px}.pit-app .photo-tile .remove-btn{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:rgba(10,11,12,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ecedee;border:none}.pit-app .photo-tile .remove-btn svg{width:9px;height:9px}.pit-app .photo-count{font-family:var(--mono);font-size:10.5px;color:var(--text-muted);margin-top:8px}.pit-app .yt-preview{margin-top:10px;border-radius:10px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#000}.pit-app .yt-preview iframe{width:100%;height:100%;border:0;display:block}.pit-app .c-pill-row{display:flex;gap:8px}.pit-app .c-pill{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text-muted);cursor:pointer}.pit-app .c-pill svg{width:18px;height:18px}.pit-app .c-pill span{font-family:var(--mono);font-size:10.5px}.pit-app .c-pill.active{border-color:var(--accent);color:var(--accent);background:rgba(255,106,26,.08)}.pit-app .c-chip-row{display:flex;flex-wrap:wrap;gap:7px}.pit-app .c-chip{font-family:var(--mono);font-size:11px;color:var(--text-muted);border:1px solid var(--line);background:var(--surface);padding:6px 12px;border-radius:16px;cursor:pointer}.pit-app .c-chip.active{color:#111;background:var(--accent);border-color:var(--accent);font-weight:600}.pit-app .c-diff-row{display:flex;gap:8px}.pit-app .c-diff{flex:1 1;text-align:center;padding:9px 4px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text-muted);font-family:var(--mono);font-size:11px;cursor:pointer}.pit-app .c-diff.active[data-lv="초급"]{border-color:var(--ok);color:var(--ok);background:rgba(62,213,152,.08)}.pit-app .c-diff.active[data-lv="중급"]{border-color:var(--warn);color:var(--warn);background:rgba(255,194,75,.08)}.pit-app .c-diff.active[data-lv="고급"]{border-color:var(--danger);color:var(--danger);background:rgba(255,90,90,.08)}.pit-app .c-textarea{width:100%;min-height:90px;resize:none;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--body);font-size:13px;padding:12px;line-height:1.5}.pit-app .c-textarea::placeholder{color:var(--text-muted)}.pit-app .c-input{width:100%;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--mono);font-size:12px;padding:11px 12px}.pit-app .c-input::placeholder{color:var(--text-muted)}.pit-app .c-input:disabled{opacity:.4;cursor:not-allowed}.pit-app .c-hint{font-size:11px;color:var(--text-muted);margin-top:6px}.pit-app .c-auto-toggle{display:flex;align-items:center;gap:8px;margin-bottom:9px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pit-app .c-auto-box{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;flex:none}.pit-app .c-auto-box svg{width:11px;height:11px;color:#111}.pit-app .c-auto-toggle.on .c-auto-box{background:var(--accent);border-color:var(--accent)}.pit-app .c-auto-text{font-family:var(--mono);font-size:11.5px;color:var(--text-muted)}.pit-app .c-auto-toggle.on .c-auto-text{color:var(--accent)}.pit-app .c-auto-preview{margin-top:9px}.pit-app .c-auto-preview .c-chip{color:#111;background:var(--accent);border-color:var(--accent);font-weight:600;cursor:default}.pit-app a.post-caption,.pit-app a.post-media{color:inherit;text-decoration:none}.pit-app a.post-caption{display:block}.pit-app .top-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--surface)}.pit-app .top-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 8px;color:var(--text-muted);text-decoration:none;font-family:var(--disp);font-size:13.5px;font-weight:600;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.pit-app .top-tab svg{width:17px;height:17px}.pit-app .top-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.pit-app .page-nav{display:flex;gap:14px;padding:18px 0 26px}.pit-app .page-btn,.pit-app .page-nav{align-items:center;justify-content:center}.pit-app .page-btn{display:inline-flex;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);text-decoration:none;font-size:12.5px}.pit-app .page-btn.disabled{opacity:.35}.pit-app .page-count{font-family:var(--mono);font-size:12.5px;color:var(--text-muted)}.pit-app .page-count .cur{color:var(--accent);font-weight:600}.pit-app .branch-tab,.pit-app .brand-chip,.pit-app .sub-chip{text-decoration:none}.pit-app .brand-chip.active{border-color:var(--accent);color:var(--accent)}.pit-app .c-error{margin:0 0 4px;padding:10px 12px;border-radius:10px;border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:12.5px;line-height:1.45}.pit-app .c-pending-note{padding-bottom:8px}.pit-app .c-post-btn:disabled{opacity:.5;cursor:default}.pit-app .me-back{color:var(--text);text-decoration:none;font-size:18px;line-height:1;padding:4px 6px}.pit-app .me-logout{background:none;border:1px solid var(--line);border-radius:8px;color:var(--text-muted);font-family:var(--mono);font-size:10.5px;padding:5px 9px;cursor:pointer}.pit-app .me-profile{display:flex;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid var(--line)}.pit-app .me-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent);font-family:var(--disp);font-size:19px;font-weight:700}.pit-app .me-name{font-family:var(--disp);font-size:15px;font-weight:600;color:var(--text)}.pit-app .me-sub{font-family:var(--mono);font-size:11px;color:var(--text-muted);margin-top:3px}.pit-app .me-list{list-style:none;margin:0;padding:0}.pit-app .me-item{border-bottom:1px solid var(--line)}.pit-app .me-item-link{display:block;padding:14px 16px;color:inherit;text-decoration:none}.pit-app .me-item-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.pit-app .me-status{font-family:var(--mono);font-size:9.5px;font-weight:600;padding:3px 7px;border-radius:6px;border:1px solid}.pit-app .me-status.ok{color:var(--ok)}.pit-app .me-status.warn{color:var(--warn)}.pit-app .me-status.danger{color:var(--danger)}.pit-app .me-status.muted,.pit-app .me-type{color:var(--text-muted)}.pit-app .me-type{font-family:var(--mono);font-size:9.5px;padding:3px 7px;border-radius:6px;background:var(--surface-2)}.pit-app .me-item-title{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.4}.pit-app .me-item-foot{font-family:var(--mono);font-size:10.5px;color:var(--text-muted);margin-top:6px}.pit-app .app-header .c-title{font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:.3px}