:root{--color-bg: #FAF8F5;--color-bg-card: #FFFFFF;--color-bg-soft: #F2EDE8;--color-text: #1A1A1A;--color-primary: #1A1A1A;--color-gold: #B8936A;--color-gold-light: #E8D5C0;--color-muted: #9A8F87;--color-border: #EDE8E3;--color-danger: #C0392B;--color-point: #B8936A;--color-card: #F2EDE8;--color-btn: #1A1A1A;--color-gray: #9A8F87;--color-red: #C0392B;--color-surface: #FFFFFF;--color-text-soft: #4A4A4A;--color-point-bg: #E8D5C0;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-xxl: 28px;--font-size-display: 56px;--font-display: "DM Serif Display", "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 100px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--max-width: 430px;--topbar-h: 56px;--tabbar-h: 64px;--touch-target: 48px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .06);--shadow-md: 0 8px 28px rgba(0, 0, 0, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:var(--font-size-md);line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,textarea,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:var(--max-width);margin:0 auto;min-height:100%;padding:0 var(--spacing-lg) calc(var(--tabbar-h) + var(--spacing-xl) + env(safe-area-inset-bottom,0px));position:relative}.app-shell--no-tabbar{padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.app-shell{animation:page-enter .2s ease}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell--with-cta{padding-bottom:calc(var(--tabbar-h) + 96px + env(safe-area-inset-bottom,0px))}.page-title{font-family:var(--font-display);font-size:26px;font-weight:400;letter-spacing:-.01em;margin:var(--spacing-xl) 0 var(--spacing-xs);line-height:1.3}.page-sub{color:var(--color-gray);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);line-height:1.55}.muted{color:var(--color-gray)}.topbar{position:relative;display:flex;align-items:center;justify-content:center;height:var(--topbar-h);margin:0 calc(var(--spacing-lg) * -1) var(--spacing-xs);padding:0 var(--spacing-sm);background:var(--color-bg);z-index:30}.topbar-back{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%)}.topbar-title{font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.012em;margin:0}.icon-btn{width:var(--touch-target);height:var(--touch-target);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);background:transparent;transition:background .15s}.icon-btn:hover{background:var(--color-card)}.input,.textarea{width:100%;background:var(--color-bg-soft);border:1px solid transparent;border-radius:14px;padding:16px;font-size:var(--font-size-md);outline:none;transition:border-color .15s,box-shadow .15s,background .15s;letter-spacing:-.005em;min-height:var(--touch-target);color:var(--color-text)}.input::placeholder,.textarea::placeholder{color:var(--color-muted)}.input:focus,.textarea:focus{border-color:var(--color-gold);background:var(--color-bg-card)}.input--auto,.input--auto:focus{background:var(--color-bg-soft);color:var(--color-muted);cursor:not-allowed;border-color:transparent}.textarea{resize:vertical;min-height:144px;line-height:1.65}.field{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.field label{font-size:var(--font-size-sm);color:var(--color-gray);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;padding:14px 24px;border-radius:var(--radius-pill);letter-spacing:-.005em;transition:opacity .15s,transform .06s,background .15s,color .15s;min-height:52px;cursor:pointer;border:0}.btn--full{width:100%}.btn--primary{background:var(--color-primary);color:var(--color-bg-card)}.btn--primary:hover{opacity:.92}.btn--primary:active{transform:scale(.99)}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.btn--outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-bg-card)}.btn--outline-gold{background:transparent;color:var(--color-primary);border:1px solid var(--color-gold)}.btn--outline-gold:hover{background:var(--color-gold-light)}.btn--gold{background:var(--color-gold);color:var(--color-bg-card)}.btn--gold:hover{opacity:.92}.btn--danger{background:var(--color-danger);color:var(--color-bg-card)}.btn--danger:hover{background:#a52e22}.btn--ghost,.btn--ghost-gold{min-height:0;padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;border-radius:0;background:transparent;width:auto}.btn--ghost{color:var(--color-gray)}.btn--ghost-gold{color:var(--color-point);font-weight:700}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--max-width);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg-card);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:50}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-muted);font-size:var(--font-size-xs);font-weight:500;background:transparent;border:0;cursor:pointer;position:relative;letter-spacing:-.005em;min-height:var(--touch-target);transition:color .15s}.tabbar-item.active{color:var(--color-gold);font-weight:600}.tabbar-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--color-gold);border-radius:999px}.tabbar-item svg{display:block}.card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;margin-bottom:12px;box-shadow:var(--shadow-sm)}.card-photo{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block}.card-body{padding:var(--spacing-lg) var(--spacing-lg) calc(var(--spacing-lg) + 4px)}.card-date{font-size:var(--font-size-sm);color:var(--color-point);font-weight:700;letter-spacing:.04em;margin-bottom:6px}.card-salon{font-size:var(--font-size-sm);color:var(--color-point);font-weight:500;margin:0 0 var(--spacing-sm);letter-spacing:-.005em}.card-content{font-size:var(--font-size-md);color:var(--color-text);white-space:pre-wrap;line-height:1.7;letter-spacing:-.005em}.card-menu-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;border-radius:999px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:.08em;z-index:5;box-shadow:var(--shadow-xs);transition:opacity .15s,transform .06s}.card-menu-btn:hover{opacity:.85}.card-menu-btn:active{transform:scale(.95)}.card-menu{position:absolute;top:52px;right:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);border:1px solid var(--color-border);min-width:140px;overflow:hidden;z-index:10}.card-menu-item{display:block;width:100%;padding:var(--spacing-md);text-align:left;font-size:14px;font-weight:500;color:var(--color-text);background:transparent;border:0;cursor:pointer;min-height:var(--touch-target)}.card-menu-item:hover{background:var(--color-card)}.card-menu-item--danger{color:var(--color-red);font-weight:600}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.photo-thumb{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-card)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb button{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:999px;background:#0009;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.auth-hero-v2{background:linear-gradient(160deg,#f2ede8,#ede4da);border-radius:0 0 32px 32px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px 36px;margin:0 calc(var(--spacing-lg) * -1) 0}.auth-hero-mark{font-size:22px;margin-bottom:4px;color:var(--color-gold)}.auth-hero-brand-en{font-family:var(--font-display);font-size:48px;color:var(--color-primary);line-height:1;letter-spacing:-1px}.auth-hero-brand-ko{font-family:var(--font-body);font-size:12px;color:var(--color-muted);letter-spacing:3px;margin-top:4px}.auth-hero-tagline{font-size:13px;color:var(--color-muted);margin-top:8px}.auth-hero{text-align:center;padding:96px 24px 80px;margin:0 calc(var(--spacing-lg) * -1) 0;background:var(--color-bg-soft);border-radius:0 0 32px 32px;position:relative}.auth-logo{font-family:var(--font-display);font-size:56px;font-weight:400;letter-spacing:-.02em;color:var(--color-primary);display:inline-block;line-height:1}.auth-divider{display:none}.auth-tagline{color:var(--color-muted);font-size:13px;letter-spacing:-.005em;margin-top:14px}.auth-back-btn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);left:20px;background:transparent;border:0;color:var(--color-gray);font-size:13px;padding:6px 4px;cursor:pointer;z-index:5;letter-spacing:-.005em}.auth-back-btn:hover{color:var(--color-text)}.auth-hero--compact{padding:64px 0 32px;text-align:center}.auth-logo--md{font-size:40px!important;line-height:1.1}.auth-subtitle{font-size:13px;color:var(--color-gray);margin-top:12px;text-align:center;letter-spacing:.04em}.auth-tabs{display:flex;gap:4px;background:var(--color-bg-soft);padding:5px;border-radius:var(--radius-pill);margin:var(--spacing-lg) 0}.auth-tab{flex:1;background:transparent;color:var(--color-muted);padding:var(--spacing-sm);border-radius:var(--radius-pill);font-weight:600;font-size:14px;letter-spacing:-.005em;transition:background .15s,color .15s;min-height:var(--touch-target)}.auth-tab.active{background:var(--color-bg-card);color:var(--color-text);box-shadow:var(--shadow-xs)}.fixed-bottom{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--color-bg) 60%,rgba(250,250,250,0));padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);z-index:40}.fixed-bottom--no-tabbar{bottom:env(safe-area-inset-bottom,0px)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px var(--spacing-lg);text-align:center;gap:var(--spacing-xs)}.empty-icon{font-size:56px;line-height:1;margin-bottom:var(--spacing-sm)}.empty-title{font-size:16px;font-weight:700}.empty-sub{font-size:var(--font-size-sm);color:var(--color-gray);line-height:1.6}.empty-cta{margin-top:var(--spacing-lg);width:100%;max-width:320px}.success{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center}.success p{font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.012em}.qr-page{background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:56px var(--spacing-lg) calc(var(--tabbar-h) + 48px + env(safe-area-inset-bottom,0px));text-align:center;position:relative;max-width:var(--max-width);margin:0 auto}.qr-brand{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.01em;color:var(--color-primary);margin-bottom:56px;line-height:1}.qr-brand-accent{display:block;width:16px;height:1px;background:var(--color-gold);margin:8px auto 0}.qr-instruction-top{font-size:var(--font-size-md);color:var(--color-gold);font-weight:600;margin:0 0 var(--spacing-lg)}.qr-wrap{background:var(--color-bg-card);padding:24px;border-radius:24px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.qr-instruction-bottom{font-size:var(--font-size-sm);color:var(--color-gold);font-weight:500;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.qr-divider{width:60%;max-width:280px;height:1px;background:var(--color-border);margin:0 auto var(--spacing-lg);position:relative}.qr-divider:after{content:"";position:absolute;left:50%;top:-3px;transform:translate(-50%);width:6px;height:6px;background:var(--color-gold);border-radius:999px}.qr-self-record{width:100%;max-width:320px}.section-label{font-size:14px;font-weight:700;margin-top:var(--spacing-xl);margin-bottom:6px;letter-spacing:-.005em}.section-helper{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-sm)}.treatment-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:var(--spacing-sm) calc(var(--spacing-lg) * -1) var(--spacing-md);padding:4px var(--spacing-lg)}.treatment-row::-webkit-scrollbar{display:none}.treatment-chip{flex-shrink:0;background:var(--color-card);color:var(--color-text);padding:10px 16px;border-radius:20px;font-size:14px;font-weight:500;border:0;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,transform .06s;min-height:40px;letter-spacing:-.005em}.treatment-chip.selected{background:var(--color-text);color:var(--color-surface);font-weight:600}.treatment-chip:active{transform:scale(.97)}.gender-quickset{margin:0 0 var(--spacing-md)}.gender-quickset-msg{font-size:13px;color:var(--color-gray);margin:0 0 8px;line-height:1.5}.gender-quickset-actions{display:flex;gap:8px}.gender-quickset-btn{background:transparent;color:var(--color-text);font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid var(--color-border);cursor:pointer;display:inline-flex;align-items:center;gap:4px;min-height:36px;transition:border-color .15s,background .15s}.gender-quickset-btn:hover{border-color:var(--color-point);background:var(--color-point-bg)}.gender-quickset-btn:disabled{opacity:.5;cursor:not-allowed}.settings-name{font-size:var(--font-size-lg);font-weight:700;margin-bottom:4px;letter-spacing:-.012em}.settings-email{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-sm)}.settings-meta{font-size:var(--font-size-sm);color:var(--color-text-soft)}.settings-section{margin-top:var(--spacing-lg)}.settings-section-title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-gray);margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xs);letter-spacing:.06em;text-transform:uppercase}.settings-list{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.settings-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--spacing-md);font-size:14px;background:transparent;border:0;border-bottom:1px solid var(--color-border);text-align:left;color:var(--color-text);min-height:var(--touch-target);cursor:default}.settings-item:last-child{border-bottom:0}.settings-item-meta{font-size:var(--font-size-sm);color:var(--color-gray)}.settings-logout{display:block;width:100%;text-align:center;margin-top:var(--spacing-xl);padding:var(--spacing-md);font-size:14px;font-weight:500;color:var(--color-gray);background:transparent;border:0;cursor:pointer;min-height:var(--touch-target)}.settings-logout:hover{color:var(--color-text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-lg);animation:modal-fade .18s ease}.modal{background:var(--color-surface);border-radius:var(--radius-md);padding:28px var(--spacing-lg) var(--spacing-md);width:100%;max-width:320px;box-shadow:var(--shadow-md);animation:modal-pop .18s ease;text-align:center}.modal-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);letter-spacing:-.012em}.modal-body{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-lg);line-height:1.6}.modal-actions{display:flex;gap:var(--spacing-xs)}.modal-actions .btn{flex:1;min-height:50px;padding:14px;font-size:14px}.modal--onboard{text-align:left;max-width:360px;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md)}.modal--onboard .modal-title{text-align:left;font-size:var(--font-size-xl);margin-bottom:4px}.modal--onboard .modal-body{text-align:left;margin-bottom:var(--spacing-lg)}.gender-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.gender-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:14px 8px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;min-height:var(--touch-target)}.gender-btn.selected{border-color:var(--color-point);background:var(--color-point-bg);color:var(--color-point);font-weight:700}.error-msg{color:var(--color-red);font-size:var(--font-size-sm);margin-top:10px;white-space:pre-wrap}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@supports (padding: max(0px)){body{padding-top:env(safe-area-inset-top,0px)}}.btn-primary{width:100%;height:52px;background:var(--color-primary);color:#fff;border:0;border-radius:var(--radius-pill);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .06s}.btn-primary:active{opacity:.85;transform:scale(.99)}.btn-gold{width:100%;height:48px;background:transparent;color:var(--color-gold);border:1.5px solid var(--color-gold);border-radius:var(--radius-pill);font-size:14px;font-weight:500;cursor:pointer}.btn-gold:hover{background:var(--color-gold-light)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:#c4b8b0;font-size:10px;cursor:pointer;min-width:44px;padding:8px 0}.tab-item.active{color:var(--color-gold)}.tab-item svg,.tab-item .icon{width:22px;height:22px}.page{padding:24px 20px 88px;animation:page-enter .2s ease}.page-subtitle{font-size:13px;color:var(--color-muted);margin-top:4px}.settings-section-title,.scan-recent-title{font-weight:600}.field-helper{font-size:var(--font-size-sm);color:var(--color-gray);line-height:1.5;margin:4px 0 0}.agree-list{background:var(--color-card);border-radius:var(--radius-sm);padding:4px var(--spacing-sm);margin:var(--spacing-md) 0 var(--spacing-xs)}.agree-row{display:flex;align-items:center;gap:var(--spacing-xs);padding:12px 4px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(0,0,0,.04)}.agree-row:last-child{border-bottom:0}.agree-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-point);cursor:pointer;flex-shrink:0}.agree-row span{flex:1}.agree-view{background:transparent;color:var(--color-gray);font-size:var(--font-size-sm);font-weight:500;text-decoration:underline;text-underline-offset:2px;padding:4px 8px;cursor:pointer;flex-shrink:0}.agree-view:hover{color:var(--color-text)}.modal-notice{font-size:var(--font-size-sm);color:var(--color-gray);line-height:1.55;margin:var(--spacing-sm) 0 0}.success{flex-direction:column;gap:var(--spacing-xl)}.success-actions{display:flex;gap:var(--spacing-sm);width:100%;max-width:400px;padding:0 var(--spacing-md)}.success-actions .btn{flex:1;white-space:nowrap;padding-left:18px;padding-right:18px}.switch{position:relative;width:44px;height:26px;border-radius:999px;background:#d6d6d6;transition:background .2s;flex-shrink:0;border:0;cursor:pointer}.switch--on{background:var(--color-point)}.switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000002e}.switch--on .switch-thumb{transform:translate(18px)}.card-menu-toggle{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--color-text);font-weight:500;border-bottom:1px solid var(--color-border);cursor:default}.card-menu-toggle:hover{background:transparent}.card-saves{font-size:var(--font-size-sm);color:var(--color-point);font-weight:600;margin-top:var(--spacing-sm);letter-spacing:-.005em}.settings-item-action{display:inline-flex;align-items:center;gap:4px;background:transparent;font-size:14px;color:var(--color-gray);cursor:pointer;padding:0}.settings-item-action:hover{color:var(--color-text)}.settings-item-action .chevron{font-size:16px;font-weight:400;margin-left:4px}.settings-account-actions{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-xl)}.settings-withdraw{display:block;width:100%;text-align:center;padding:var(--spacing-md);font-size:14px;font-weight:500;color:var(--color-red);background:transparent;border:0;cursor:pointer;min-height:var(--touch-target)}.toast{position:fixed;bottom:calc(var(--tabbar-h) + 24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-surface);padding:12px 22px;border-radius:999px;font-size:14px;font-weight:500;z-index:200;animation:toast-up .25s ease;box-shadow:var(--shadow-md);max-width:88%;text-align:center}@keyframes toast-up{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.install-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);max-width:400px;background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-md);padding:18px 18px 16px;z-index:60;box-shadow:var(--shadow-md);animation:install-up .35s ease}.install-banner-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;color:#ffffffb3;font-size:13px;background:transparent;cursor:pointer}.install-banner-close:hover{color:#fff}.install-banner-title{font-size:14px;font-weight:700;margin-bottom:4px}.install-banner-body{font-size:13px;color:#ffffffd9;margin-bottom:14px;line-height:1.55}.install-banner-cta{display:block;width:100%;background:var(--color-point);color:var(--color-text);font-size:14px;font-weight:700;padding:12px;border-radius:var(--radius-sm);min-height:var(--touch-target);cursor:pointer;border:0;letter-spacing:-.005em}.install-banner-cta:hover{opacity:.92}@keyframes install-up{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.modal--share{padding:28px 24px 20px;max-width:340px}.modal--share .modal-title,.modal--share .modal-body{text-align:center}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin:var(--spacing-md) 0 var(--spacing-md)}.share-channel{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;font-size:13px;font-weight:500;color:var(--color-text);padding:8px 4px;cursor:pointer;min-height:var(--touch-target)}.share-channel-icon{width:56px;height:56px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.share-page{max-width:var(--max-width);margin:0 auto;min-height:100vh;padding:64px var(--spacing-lg) calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center}.share-by{font-size:var(--font-size-sm);font-weight:600;color:var(--color-point);letter-spacing:.04em;margin-bottom:var(--spacing-md)}.share-card{width:100%;background:var(--color-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.share-card-photo{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block}.share-card-body{padding:var(--spacing-lg)}.share-card-date{font-size:var(--font-size-sm);color:var(--color-point);font-weight:700;letter-spacing:.04em;margin-bottom:var(--spacing-sm)}.share-card-content{font-size:var(--font-size-md);color:var(--color-text);white-space:pre-wrap;line-height:1.7}.share-card-saves{font-size:var(--font-size-sm);color:var(--color-point);font-weight:600;margin-top:var(--spacing-sm)}.share-card-footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-gray);padding:var(--spacing-sm) 0 var(--spacing-md);border-top:1px solid rgba(0,0,0,.05)}.share-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.rating{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:var(--spacing-sm)}.rating-stars{display:flex;gap:4px}.rating-star{width:32px;height:32px;font-size:24px;line-height:1;color:#e0dad0;background:transparent;border:0;cursor:pointer;padding:0;transition:color .12s,transform .06s}.rating-star.filled{color:var(--color-point)}.rating-star:active{transform:scale(.92)}.rating-label{font-size:var(--font-size-sm);color:var(--color-point);font-weight:600;margin-top:2px;letter-spacing:-.005em}.card-trophy-btn{position:absolute;top:var(--spacing-sm);right:56px;width:36px;height:36px;border-radius:999px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;font-size:18px;z-index:5;box-shadow:var(--shadow-xs);transition:opacity .15s,transform .06s,background .15s}.card-trophy-btn.active{background:var(--color-point)}.card-trophy-btn:hover{opacity:.85}.card-trophy-btn:active{transform:scale(.95)}.card-best-badge{display:inline-flex;align-items:center;gap:4px;background:var(--color-point);color:var(--color-text);font-size:var(--font-size-xs);font-weight:700;padding:5px 10px;border-radius:999px;margin-bottom:var(--spacing-sm);letter-spacing:-.005em}.card-memo{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid rgba(0,0,0,.06)}.card-memo-text{font-size:var(--font-size-sm);color:var(--color-text-soft);line-height:1.6;white-space:pre-wrap}.card-memo-add{background:transparent;color:var(--color-gray);font-size:var(--font-size-sm);font-weight:500;padding:4px 0;cursor:pointer}.card-memo-add:hover{color:var(--color-text)}.card-memo-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;font-size:var(--font-size-sm);outline:none;margin-top:4px;min-height:44px}.card-memo-input:focus{border-color:var(--color-point);box-shadow:0 0 0 3px #c9a96e1f}.card-memo-actions{display:flex;gap:6px;margin-top:6px;justify-content:flex-end}.card-memo-mini-btn{background:transparent;color:var(--color-gray);font-size:12px;font-weight:600;padding:4px 10px;cursor:pointer;border-radius:999px}.card-memo-mini-btn--primary{background:var(--color-text);color:var(--color-surface)}.filter-tabs{display:flex;gap:6px;margin-bottom:var(--spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tab{flex-shrink:0;background:var(--color-card);color:var(--color-text-soft);padding:8px 16px;border-radius:999px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;min-height:36px}.filter-tab.active{background:var(--color-text);color:var(--color-surface);font-weight:600}.repro-section{width:100%;max-width:360px;margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-md);text-align:center}.repro-question{font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.repro-actions{display:flex;gap:8px}.repro-actions .btn{flex:1;min-height:44px;font-size:13px;padding:10px}.repro-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;margin-bottom:var(--spacing-md)}.repro-item{display:flex;gap:10px;padding:10px;background:var(--color-card);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%}.repro-item:hover{border-color:var(--color-point)}.repro-item-thumb{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:#e8e2d8}.repro-item-body{flex:1;min-width:0}.repro-item-date{font-size:12px;color:var(--color-point);font-weight:700;margin-bottom:4px}.repro-item-content{font-size:13px;color:var(--color-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.legal-page{padding-top:0}.legal-title{font-size:var(--font-size-xxl);font-weight:800;letter-spacing:-.025em;margin:var(--spacing-md) 0 4px;line-height:1.3}.legal-effective{font-size:var(--font-size-sm);color:var(--color-gray);margin:0 0 var(--spacing-lg)}.legal-section{margin-bottom:var(--spacing-lg)}.legal-section h2{font-size:var(--font-size-lg);font-weight:700;margin:0 0 var(--spacing-xs);color:var(--color-text);letter-spacing:-.012em}.legal-section p,.legal-section ul{font-size:14px;color:var(--color-text-soft);line-height:1.75;margin:0 0 6px}.legal-section ul{padding-left:18px}.legal-section li{margin-bottom:2px}.legal-section strong{color:var(--color-text);font-weight:600}.legal-section a{color:var(--color-point);text-decoration:underline;text-underline-offset:2px}.legal-footer{font-size:var(--font-size-sm);color:var(--color-gray);margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.legal-org{font-size:14px;color:var(--color-text-soft);margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);line-height:1.85}.legal-org p{margin:0}.modal-skip{background:transparent;color:var(--color-gray);font-size:14px;font-weight:500;cursor:pointer;padding:14px;min-height:50px;border:0;flex-shrink:0;white-space:nowrap}.modal-skip:hover{color:var(--color-text)}.modal-skip:disabled{opacity:.5;cursor:not-allowed}a.settings-item{text-decoration:none;color:var(--color-text)}a.settings-item:hover{background:var(--color-card);cursor:pointer}.tag-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 10px 6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:var(--touch-target);transition:border-color .15s,box-shadow .15s}.tag-input:focus-within{border-color:var(--color-point);box-shadow:0 0 0 4px #c9a96e1f}.tag-pill{display:inline-flex;align-items:center;gap:4px;background:var(--color-point);color:var(--color-surface);font-size:13px;font-weight:600;padding:4px 8px 4px 10px;border-radius:999px;letter-spacing:-.005em}.tag-pill button{width:18px;height:18px;border-radius:999px;background:#ffffff40;color:#fff;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;padding:0}.tag-input-field{flex:1;min-width:80px;border:0;outline:none;background:transparent;font-size:14px;padding:6px 4px;color:var(--color-text)}.account-type-prompt{font-size:var(--font-size-lg);font-weight:700;text-align:center;margin:8px 0 24px;letter-spacing:-.012em}.account-type-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-type-helper{font-size:var(--font-size-sm);color:var(--color-gray);text-align:center;margin-top:var(--spacing-md)}.account-type-designer-helper{font-size:12px;color:var(--color-gray);text-align:center;margin:4px 0 0;letter-spacing:-.005em}.account-type-link{display:block;text-align:center;margin-top:var(--spacing-xl);font-size:12px;color:var(--color-point);text-decoration:none;letter-spacing:-.005em}.account-type-link:hover{text-decoration:underline;text-underline-offset:2px}.portfolio-prompt{width:100%;max-width:360px;margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-md);text-align:center}.portfolio-prompt-title{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.012em}.portfolio-prompt-helper{font-size:12px;color:var(--color-gray);margin-bottom:var(--spacing-md)}.portfolio-prompt-actions{display:flex;align-items:center;gap:8px}.portfolio-prompt-actions .btn{flex:1;min-height:44px;font-size:13px;padding:10px}.designer-cta{width:100%;max-width:380px;margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-md);text-align:left}.designer-cta-title{font-size:15px;font-weight:700;margin-bottom:6px}.designer-cta-body{font-size:13px;line-height:1.55;color:#ffffffd9;margin-bottom:8px}.designer-cta-helper{font-size:12px;color:#fff9;margin-bottom:var(--spacing-md)}.designer-cta-actions{display:flex;gap:8px;align-items:center}.designer-cta-actions .btn{flex:1;background:var(--color-point);color:var(--color-text);min-height:44px;font-size:13px;padding:10px;font-weight:700}.designer-cta-actions .btn:hover{background:var(--color-point);opacity:.92}.designer-cta-actions .modal-skip{color:#ffffffb3}.designer-cta-actions .modal-skip:hover{color:#fff}.designer-header{padding:var(--spacing-md) 0 var(--spacing-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.designer-name{font-size:var(--font-size-xxl);font-weight:800;letter-spacing:-.025em;margin-bottom:4px}.designer-meta{font-size:var(--font-size-sm);color:var(--color-gray);margin-bottom:var(--spacing-sm)}.designer-tags{display:flex;flex-wrap:wrap;gap:6px}.designer-tag{font-size:var(--font-size-sm);color:var(--color-point);font-weight:600}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.portfolio-card{background:var(--color-card);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-xs);border:0;text-align:left;cursor:default;padding:0}.portfolio-card--button{cursor:pointer}.portfolio-card--button:active{transform:scale(.99)}.portfolio-card-photo{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.portfolio-card-body{padding:var(--spacing-sm)}.portfolio-card-date{font-size:12px;color:var(--color-point);font-weight:700;margin-bottom:4px;letter-spacing:.04em}.portfolio-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.portfolio-tag{font-size:11px;color:var(--color-point);font-weight:600}.portfolio-card-meta{font-size:12px;color:var(--color-text-soft)}.search-section{margin-top:var(--spacing-xl)}.search-section-title{font-size:14px;font-weight:700;margin:0 0 var(--spacing-sm);letter-spacing:-.005em}.search-list{display:flex;flex-direction:column;gap:8px}.search-row{display:block;width:100%;background:var(--color-card);border:0;border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:left;cursor:pointer;color:var(--color-text)}.search-row-title{font-size:15px;font-weight:700;margin-bottom:4px}.search-row-meta{font-size:13px;color:var(--color-gray);margin-bottom:6px}.search-row-tags{display:flex;flex-wrap:wrap;gap:6px}.search-row-tag{font-size:12px;color:var(--color-point);font-weight:600}.search-row-children{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.search-row-child{background:var(--color-surface);color:var(--color-text);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid var(--color-border);cursor:pointer}.search-row-child:hover{border-color:var(--color-point)}.portfolio-mgmt-row{background:var(--color-card);border-radius:var(--radius-sm);padding:var(--spacing-md)}.portfolio-mgmt-head{display:flex;gap:12px;margin-bottom:var(--spacing-sm)}.portfolio-mgmt-thumb{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.portfolio-mgmt-body{flex:1;min-width:0}.portfolio-mgmt-date{font-size:12px;color:var(--color-point);font-weight:700;margin-bottom:4px}.portfolio-mgmt-content{font-size:13px;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.portfolio-mgmt-controls{display:flex;align-items:center;gap:12px;padding-top:var(--spacing-sm);border-top:1px solid rgba(0,0,0,.05)}.portfolio-mgmt-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);flex:1}.record-block-actions{margin-top:var(--spacing-lg);width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:220;animation:modal-fade .18s ease;overflow:hidden}.scanner-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;width:var(--touch-target);height:var(--touch-target);border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border:0}.scanner-close:hover{background:#000000bf}.scanner-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#111}.scanner-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(to bottom,#00000059,#00000026 35%,#00000026 65%,#00000080)}.scanner-frame{width:70%;max-width:320px;aspect-ratio:1 / 1;border:2px solid rgba(201,169,110,.95);border-radius:16px;box-shadow:0 0 0 9999px #00000059}.scanner-helper,.scanner-error{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);transform:translate(-50%);color:#ffffffeb;font-size:14px;font-weight:600;text-align:center;padding:0 24px;letter-spacing:-.005em;white-space:pre-line;z-index:5}.scanner-error{color:#ff8a80}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a;z-index:250;display:flex;flex-direction:column;max-width:var(--max-width);margin:0 auto;animation:modal-fade .2s ease}.onboarding-skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;background:transparent;color:#ffffff8c;font-size:12px;font-weight:500;padding:8px 12px;cursor:pointer;z-index:5;letter-spacing:-.005em}.onboarding-skip:hover{color:#ffffffe6}.onboarding-slides{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.onboarding-slides::-webkit-scrollbar{display:none}.onboarding-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px;text-align:center}.onboarding-emoji{font-size:84px;line-height:1;margin-bottom:36px}.onboarding-title{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0 0 16px;word-break:keep-all;line-height:1.4}.onboarding-body{font-size:14px;color:#ffffff8c;line-height:1.7;white-space:pre-line;letter-spacing:-.005em;margin:0;max-width:280px}.onboarding-footer{padding:24px 24px calc(env(safe-area-inset-bottom,0px) + 32px);display:flex;flex-direction:column;align-items:center;gap:24px;min-height:96px}.onboarding-dots{display:flex;gap:8px}.onboarding-dot{width:8px;height:8px;border-radius:999px;background:#ffffff40;transition:background .2s,width .2s}.onboarding-dot.active{background:var(--color-point);width:24px}.onboarding-cta{width:100%;max-width:320px;background:#fff;color:#1a1a1a;font-size:15px;font-weight:700;padding:16px;border-radius:var(--radius-md);border:0;cursor:pointer;letter-spacing:-.005em;min-height:56px;transition:opacity .15s,transform .06s}.onboarding-cta:hover{opacity:.92}.onboarding-cta:active{transform:scale(.99)}.blur-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:200;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);animation:modal-fade .18s ease}.blur-editor-header{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-h);padding:0 var(--spacing-sm);border-bottom:1px solid var(--color-border)}.blur-editor-close{width:var(--touch-target);height:var(--touch-target);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text);background:transparent;cursor:pointer}.blur-editor-close:hover{background:var(--color-card)}.blur-editor-title{font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.012em}.blur-editor-guide{font-size:13px;color:var(--color-gray);background:var(--color-card);padding:12px 16px;margin:12px 16px 0;border-radius:var(--radius-sm);line-height:1.55;letter-spacing:-.005em}.blur-wrapper{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:16px;overflow:hidden;touch-action:none}.blur-canvas{display:block;max-width:100%;max-height:100%;border-radius:var(--radius-sm);background:var(--color-card);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair;transition:transform .08s ease-out;transform-origin:center center}.drag-overlay{position:absolute;pointer-events:none;border:2px dashed var(--color-gold);background:#c9a96e2e;display:none;z-index:5}.blur-editor-tools{display:flex;gap:12px;justify-content:center;padding:12px 16px 0}.blur-tool{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text);font-size:14px;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;min-height:44px;letter-spacing:-.005em;transition:border-color .15s,background .15s}.blur-tool.active{border-color:var(--color-point);background:var(--color-point-bg)}.blur-tool--undo{background:transparent}.blur-tool:disabled{opacity:.4;cursor:not-allowed}.blur-editor-actions{padding:16px}.portfolio-prompt-photo{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:6px}.portfolio-prompt-photo img{width:100%;max-width:240px;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius-sm);display:block}.portfolio-prompt-warn{font-size:12px;color:var(--color-gray);margin:4px 0 0;text-align:center;letter-spacing:-.005em}.portfolio-prompt-reedit{font-size:12px;color:var(--color-point);font-weight:600;background:transparent;border:0;padding:4px 8px;cursor:pointer;letter-spacing:-.005em}.portfolio-prompt-reedit:hover{text-decoration:underline;text-underline-offset:2px}.portfolio-prompt-reedit:disabled{opacity:.5;cursor:not-allowed}.portfolio-prompt-no-photo{font-size:12px;color:var(--color-gray);margin:var(--spacing-sm) 0 0;text-align:center;line-height:1.55}.portfolio-card-delete{background:#ffffffe6;border:0;width:32px;height:32px;border-radius:999px;margin-left:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-xs);transition:opacity .15s,transform .06s}.portfolio-card-delete:hover{opacity:.85}.portfolio-card-delete:active{transform:scale(.95)}.approval-icon{font-size:48px;margin-bottom:var(--spacing-md);line-height:1}.approval-countdown{font-size:32px;font-weight:800;color:var(--color-point);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:var(--spacing-lg);line-height:1}.approval-popup{position:fixed;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 20px 16px;z-index:80;box-shadow:var(--shadow-md);animation:install-up .3s ease}.approval-popup-title{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.012em}.approval-popup-body{font-size:13px;color:var(--color-gray);margin-bottom:6px;line-height:1.5}.approval-popup-time{font-size:12px;color:var(--color-point);font-weight:600;margin-bottom:14px;letter-spacing:-.005em}.approval-popup-actions{display:flex;align-items:center;gap:8px}.approval-popup-actions .modal-skip{flex-shrink:0}.approval-popup-approve{flex:1;background:var(--color-text);color:var(--color-surface);font-size:14px;font-weight:700;padding:12px;border:0;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;letter-spacing:-.005em}.approval-popup-approve:hover{opacity:.92}.approval-popup-approve:disabled{opacity:.5;cursor:not-allowed}.scan-cta-block{margin:var(--spacing-xl) 0 var(--spacing-lg);text-align:center}.scan-cta-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--color-text);color:var(--color-surface);padding:36px 20px;border-radius:var(--radius-lg);border:0;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:-.012em;transition:opacity .15s,transform .06s;min-height:140px;box-shadow:var(--shadow-sm)}.scan-cta-btn:hover{opacity:.92}.scan-cta-btn:active{transform:scale(.99)}.scan-cta-icon{font-size:40px}.scan-cta-label{letter-spacing:-.012em}.scan-cta-helper{font-size:13px;color:var(--color-gray);margin:var(--spacing-sm) 0 0;letter-spacing:-.005em}.scan-summary{text-align:center;margin:var(--spacing-xl) 0 var(--spacing-md)}.scan-summary-count{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.012em}.scan-recent{margin-top:var(--spacing-md)}.scan-recent-title{font-size:13px;color:var(--color-gray);font-weight:600;margin-bottom:var(--spacing-sm);letter-spacing:-.005em}.scan-recent-list{display:flex;flex-direction:column;gap:8px}.scan-recent-row{background:var(--color-card);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;color:var(--color-text);display:flex;align-items:center;gap:8px}.scan-recent-time{color:var(--color-point);font-weight:600;font-size:13px}.scan-recent-dot{color:var(--color-gray)}.scan-recent-label{font-weight:500}.portfolio-link-row{display:flex;align-items:center;gap:8px;background:var(--color-card);border-radius:var(--radius-sm);padding:12px 14px;margin:0 0 var(--spacing-sm)}.portfolio-link-url{flex:1;font-size:13px;color:var(--color-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em}.portfolio-link-copy{width:36px;height:36px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;font-size:16px;flex-shrink:0}.portfolio-link-copy:hover{background:var(--color-bg)}.portfolio-counts{font-size:14px;color:var(--color-text-soft);text-align:center;margin:0 0 var(--spacing-md);letter-spacing:-.005em}.portfolio-card--mgmt{position:relative;cursor:default}.portfolio-card--clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.portfolio-card--clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.portfolio-card--clickable:active{transform:scale(.99)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:220;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:modal-fade .18s ease}.detail-modal{position:relative;background:#fff;border-radius:16px;width:100%;max-width:var(--max-width);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modal-pop .2s ease;box-shadow:var(--shadow-md)}.detail-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border:0}.detail-close:hover{background:#000000b3}.detail-photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;background:var(--color-card)}.detail-photos::-webkit-scrollbar{display:none}.detail-photo{flex:0 0 100%;aspect-ratio:4 / 3;object-fit:cover;scroll-snap-align:start;display:block}.detail-body{padding:22px 22px 28px;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-date{font-size:13px;color:var(--color-point);font-weight:700;letter-spacing:.04em;margin-bottom:6px}.detail-meta{font-size:13px;color:var(--color-point);font-weight:500;margin-bottom:8px}.detail-label{display:inline-block;font-size:12px;font-weight:700;color:var(--color-point);background:var(--color-point-bg);padding:4px 10px;border-radius:999px;margin-bottom:12px;letter-spacing:.02em}.detail-content{font-size:15px;color:var(--color-text);line-height:1.7;white-space:pre-wrap;letter-spacing:-.005em;margin-bottom:14px}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.portfolio-card-overlay{position:absolute;top:8px;right:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:4px 6px;display:flex;align-items:center;z-index:5}.why-page{max-width:var(--max-width);margin:0 auto;background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}.fade-up{opacity:0;transform:translateY(20px);animation:why-fade-up .7s ease-out forwards}@keyframes why-fade-up{to{opacity:1;transform:translateY(0)}}.why-hero{padding:80px 24px 56px;text-align:center}.why-logo{font-size:12px;color:var(--color-point);letter-spacing:.32em;font-weight:700;margin-bottom:var(--spacing-lg)}.why-title{font-size:24px;font-weight:800;line-height:1.4;letter-spacing:-.025em;margin:0 0 var(--spacing-md);word-break:keep-all}.why-subtitle{font-size:14px;color:var(--color-text-soft);line-height:1.6;margin:0 0 var(--spacing-xl);word-break:keep-all}.why-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-text);color:var(--color-surface);font-size:15px;font-weight:700;padding:16px 28px;border-radius:999px;border:0;cursor:pointer;letter-spacing:-.005em;transition:opacity .15s,transform .06s;min-height:52px}.why-cta:hover{opacity:.92}.why-cta:active{transform:scale(.98)}.why-cta-pulse{animation:why-pulse 2s ease-in-out infinite}@keyframes why-pulse{0%,to{transform:scale(1);box-shadow:0 0 #c9a96e66}50%{transform:scale(1.03);box-shadow:0 0 0 12px #c9a96e00}}.why-friction{font-size:12px;color:var(--color-gray);margin:12px 0 0;letter-spacing:-.005em}.why-ticker{background:var(--color-text);color:var(--color-surface);padding:18px 0;overflow:hidden;white-space:nowrap}.why-ticker-track{display:inline-block;white-space:nowrap;animation:why-ticker 18s linear infinite}.why-ticker-item{display:inline-block;margin-right:48px;font-size:13px;color:#ffffffd9;letter-spacing:-.005em}@keyframes why-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.why-section{padding:56px 0}.why-section-title{font-size:22px;font-weight:800;letter-spacing:-.025em;text-align:center;margin:0 0 var(--spacing-xl);padding:0 24px}.why-benefits-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 24px}.why-benefits-row::-webkit-scrollbar{display:none}.why-benefit-card{flex:0 0 220px;scroll-snap-align:center;background:var(--color-card);border:1px solid transparent;border-radius:16px;padding:24px 20px;transition:border-color .3s,transform .3s,background .3s}.why-benefit-card.active{border-color:var(--color-point);background:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.why-benefit-emoji{font-size:28px;margin-bottom:12px}.why-benefit-title{font-size:15px;font-weight:700;margin-bottom:8px;letter-spacing:-.012em;line-height:1.4}.why-benefit-body{font-size:13px;color:var(--color-text-soft);line-height:1.6;word-break:keep-all}.why-benefits-dots{display:flex;justify-content:center;gap:6px;margin-top:var(--spacing-md)}.why-benefit-dot{width:6px;height:6px;border-radius:999px;background:var(--color-border);transition:background .2s,width .2s}.why-benefit-dot.active{background:var(--color-point);width:18px}.why-steps{display:flex;flex-direction:column;gap:20px;padding:0 24px}.why-step{display:flex;gap:16px;opacity:0;transform:translate(-20px)}.why-step.in-view{animation:why-slide-in .55s ease-out forwards;animation-delay:var(--reveal-delay, 0s)}@keyframes why-slide-in{to{opacity:1;transform:translate(0)}}.why-step-num{flex-shrink:0;width:32px;height:32px;border-radius:999px;background:var(--color-text);color:var(--color-surface);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.why-step.in-view .why-step-num{animation:why-step-dot .4s ease-out forwards;animation-delay:var(--reveal-delay, 0s)}@keyframes why-step-dot{0%{background:var(--color-text)}60%{background:var(--color-point);transform:scale(1.15)}to{background:var(--color-text);transform:scale(1)}}.why-step-title{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.012em}.why-step-desc{font-size:13px;color:var(--color-text-soft);line-height:1.6;word-break:keep-all}.why-social{background:var(--color-card);padding:56px 24px}.why-social-title{font-size:13px;color:var(--color-gray);text-align:center;margin:0 0 var(--spacing-lg);letter-spacing:-.005em}.why-testimonial{background:var(--color-surface);border-radius:16px;padding:22px 20px;margin-bottom:12px;box-shadow:var(--shadow-xs)}.why-testimonial-body{font-size:14px;line-height:1.6;margin:0 0 12px;word-break:keep-all}.why-testimonial-author{font-size:12px;color:var(--color-gray);margin:0;letter-spacing:-.005em}.why-final{padding:72px 24px 80px;text-align:center}.why-final-title{font-size:22px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px;line-height:1.4;word-break:keep-all}.why-final-subtitle{font-size:15px;color:var(--color-text-soft);margin:0 0 var(--spacing-xl);letter-spacing:-.005em}.why-quote{margin-top:var(--spacing-xl);padding:24px 20px;border:1px solid var(--color-point);border-radius:16px;background:var(--color-surface);font-size:14px;color:var(--color-text);line-height:1.75;letter-spacing:-.005em;text-align:left;word-break:keep-all}.best-tooltip{position:absolute;top:56px;right:56px;background:var(--color-text);color:var(--color-surface);font-size:12px;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);white-space:nowrap;z-index:12;box-shadow:var(--shadow-md);animation:tooltip-pop .2s ease}.best-tooltip:before{content:"";position:absolute;top:-4px;right:14px;width:8px;height:8px;background:var(--color-text);transform:rotate(45deg)}@keyframes tooltip-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.onboard-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:onboard-fade-in .25s ease}.onboard-dim.closing{animation:onboard-fade-out .25s ease forwards}.onboard-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#fff;border-radius:24px 24px 0 0;padding:28px 24px 40px;z-index:201;text-align:center;box-sizing:border-box;animation:onboard-slide-up .3s ease}.onboard-sheet.closing{animation:onboard-slide-down .3s ease forwards}.onboard-handle{width:40px;height:4px;background:#e0e0e0;border-radius:2px;margin:0 auto 24px}.onboard-step-counter{position:absolute;top:24px;left:24px;font-size:12px;color:#9a8f87}.onboard-close{position:absolute;top:18px;right:18px;width:28px;height:28px;background:transparent;border:none;font-size:12px;color:#9a8f87;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.onboard-emoji{font-size:36px;margin-bottom:16px;line-height:1}.onboard-title{font-size:20px;font-weight:600;color:var(--primary, #1A1A1A);margin:0 0 12px}.onboard-body{font-size:14px;color:#9a8f87;line-height:1.6;margin:0}.onboard-cta{margin-top:24px;width:100%}@keyframes onboard-slide-up{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes onboard-slide-down{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}@keyframes onboard-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onboard-fade-out{0%{opacity:1}to{opacity:0}}