:root{--canvas: #FFF6F8;--surface-card: #FDEBF0;--secondary: #FAD9E2;--secondary-pressed: #F3C3D0;--ink: #3D2B35;--body: #4A3640;--mute: #76586A;--ash: #B89DA8;--hairline: #F2D6DE;--primary: #F4A7B9;--primary-pressed: #EC93A8;--on-primary: #3D2B35;--selection: #3D2B35;--on-selection: #FFFFFF;--favorite: #D9507F;--danger: #A8325A;--on-image: rgba(255, 255, 255, .94);--peach: #FFD6C4;--form-gray: rgba(60, 60, 67, .6);--form-placeholder: rgba(60, 60, 67, .3);--r-sm: 8px;--r-md: 16px;--r-lg: 32px;--s-xxs: 4px;--s-xs: 6px;--s-sm: 8px;--s-md: 12px;--s-lg: 16px;--s-xl: 24px;--s-xxl: 32px;--wall-margin: 16px;--wall-gutter: 14px;--wall-row-gap: 18px;--touch: 44px;--search-h: 48px;--chip-h: 30px;--icon-on-image: 32px;--tab-icon: 26px;--tabbar-clearance: 96px;--rim: linear-gradient(to bottom, rgba(255, 255, 255, .95), rgba(255, 255, 255, .15));--acrylic-shadow: 0 4px 16px rgba(61, 43, 53, .1);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Apple SD Gothic Neo", "Noto Sans KR", "Pretendard", Roboto, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}html{touch-action:manipulation}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}#root{height:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}input,textarea,select{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}img{display:block;-webkit-user-drag:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--selection);outline-offset:2px}.t-heading-xl{font-size:28px;font-weight:700;letter-spacing:-1.1px;line-height:1.2}.t-heading-lg{font-size:22px;font-weight:700;letter-spacing:-.6px;line-height:1.25}.t-section{font-size:17px;font-weight:600}.t-tab{font-size:16px}.t-button{font-size:15px;font-weight:700}.t-chip{font-size:13px;font-weight:600}.t-pin-title{font-size:13px;font-weight:600;line-height:1.3}.t-row-title{font-size:15px;font-weight:600;line-height:1.3}.t-body{font-size:16px;line-height:1.45}.t-meta{font-size:12px;font-weight:500}.t-overlay{font-size:12px;font-weight:700}.t-tabbar{font-size:11px;font-weight:500}.c-ink{color:var(--ink)}.c-body{color:var(--body)}.c-mute{color:var(--mute)}.c-danger{color:var(--danger)}:root{--glow: radial-gradient(circle min(80vw, 520px) at 14% 16%, rgb(244 167 185 / .55), rgb(244 167 185 / .22) 50%, transparent 100%), radial-gradient(circle min(70vw, 460px) at 94% 38%, rgb(255 214 196 / .62), rgb(255 214 196 / .22) 50%, transparent 100%), radial-gradient(circle min(95vw, 620px) at 70% 90%, rgb(244 167 185 / .38), rgb(244 167 185 / .14) 50%, transparent 100%)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--glow),var(--canvas)}.rim{position:relative;isolation:isolate}.rim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:var(--rim);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.acrylic{background:#ffffff3d;box-shadow:var(--acrylic-shadow)}.glass-tint{background:color-mix(in srgb,var(--tint, var(--primary)) 92%,rgba(255,255,255,.35));-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 6px 18px color-mix(in srgb,var(--tint, var(--primary)) 35%,transparent),inset 0 1px #ffffff73}.glass-float{background:#fffc;box-shadow:0 2px 10px #0000001f,inset 0 0 0 1px #ffffffd9}.card{background:#ffffff80;border-radius:var(--r-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-xs);min-height:var(--touch);padding:0 var(--s-lg);border-radius:calc(var(--touch) / 2);font-size:15px;font-weight:700;transition:transform .15s ease-out,opacity .15s;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn-full{width:100%}.btn-primary{color:var(--on-primary)}.btn-primary:active:not(:disabled){--tint: var(--primary-pressed)}.btn-secondary{color:var(--ink)}.btn-secondary:active:not(:disabled){background:#fff6}.btn-destructive{color:var(--danger)}.press{transition:transform .15s ease-out}.press:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.press:active,.btn:active:not(:disabled){transform:none;opacity:.7}}.chip{position:relative;display:inline-flex;align-items:center;gap:var(--s-xxs);min-height:var(--chip-h);padding:var(--s-xxs) var(--s-md);border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;flex:none}.chip:before{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.chip.on{color:var(--on-selection);--tint: var(--selection)}.ptab{position:relative;padding-bottom:9px;font-size:16px;font-weight:500;color:var(--mute);white-space:nowrap;flex:none}.ptab:before{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.ptab.on{color:var(--ink);font-weight:600}.ptab.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--selection)}.hscroll{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{display:none}.field{display:flex;align-items:center;gap:var(--s-sm);height:var(--search-h);padding:0 var(--s-lg);border-radius:999px;cursor:text}.field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}.field input::placeholder,textarea::placeholder{color:var(--mute);opacity:1}.section-title{font-size:17px;font-weight:600;margin:0 0 var(--s-md)}.divider{height:1px;background:var(--secondary)}.screen{min-height:100%;padding-top:max(var(--safe-top),12px);padding-bottom:var(--tabbar-clearance)}.page-x{padding-left:var(--s-lg);padding-right:var(--s-lg)}.tabbar-wrap{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:0 var(--wall-margin) calc(var(--s-xxs) + max(var(--safe-bottom),8px));pointer-events:none}.tabbar{pointer-events:auto;display:flex;align-items:center;max-width:560px;margin:0 auto;padding:var(--s-xs);border-radius:999px;background:#ffffff80;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 28px #3d2b3524}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-xxs);min-height:var(--touch);padding:var(--s-xxs) 0;border-radius:999px;color:var(--selection)}.tabbar-item.on{background:color-mix(in srgb,var(--selection) 8%,transparent)}.tabbar-add{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--touch)}.tabbar-add span{display:flex;align-items:center;justify-content:center;width:52px;height:44px;border-radius:22px;color:var(--on-primary)}.tabbar-add:active span{--tint: var(--primary-pressed)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#3d2b3540;animation:fade-in .2s ease-out}.sheet{position:fixed;left:0;right:0;bottom:0;top:max(var(--safe-top),12px);z-index:41;max-width:640px;margin:0 auto;border-radius:38px 38px 0 0;overflow:hidden;display:flex;flex-direction:column;background:var(--glow),var(--canvas);box-shadow:0 -10px 40px #3d2b352e;animation:sheet-up .28s cubic-bezier(.2,.9,.3,1)}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--s-xl) + var(--safe-bottom))}.sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-sm);padding:var(--s-md) var(--s-lg) var(--s-sm)}.full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--glow),var(--canvas);animation:push-in .25s cubic-bezier(.2,.9,.3,1)}.full.cover{z-index:45;animation:sheet-up .28s cubic-bezier(.2,.9,.3,1)}.full.cover~.sheet-backdrop{z-index:50}.full.cover~.sheet{z-index:51}@keyframes fade-in{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{transform:scale(.85);opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes push-in{0%{transform:translate(30%);opacity:.4}}@media(prefers-reduced-motion:reduce){.sheet,.full,.full.cover,.sheet-backdrop{animation:fade-in .15s}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border-radius:50%;flex:none}.pill-group{display:inline-flex;align-items:center;border-radius:999px;height:var(--touch)}.pill-group .icon-btn{width:52px;border-radius:0}.menu{position:fixed;z-index:60;min-width:200px;padding:var(--s-xs);border-radius:18px;background:#ffffffd1;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 12px 40px #3d2b3538;animation:fade-in .12s}.menu button,.menu a{display:flex;align-items:center;gap:var(--s-md);width:100%;min-height:var(--touch);padding:0 var(--s-md);border-radius:12px;font-size:16px;text-decoration:none;color:var(--ink);text-align:left}.menu button:active,.menu a:active{background:#3d2b350f}.menu .danger{color:var(--danger)}.toast{position:fixed;left:50%;top:calc(max(var(--safe-top),12px) + 8px);z-index:80;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 18px;border-radius:20px;font-size:14px;font-weight:600;line-height:1.4;color:#fff;background:#3d2b35e0;animation:fade-in .2s;text-align:center}.dialog{position:fixed;left:50%;top:50%;z-index:70;transform:translate(-50%,-50%);width:min(320px,calc(100% - 48px));padding:var(--s-xl) var(--s-lg) var(--s-lg);border-radius:24px;text-align:center;background:#ffffffeb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 60px #3d2b3540;animation:fade-in .15s}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:69;background:#3d2b3540;animation:fade-in .15s}.app-frame{max-width:640px;margin:0 auto;min-height:100%;position:relative}.form-card{padding:0 var(--s-lg);border-radius:24px}.form-row{display:flex;align-items:center;gap:var(--s-sm);min-height:52px;font-size:17px}.form-row .t-body{font-size:17px}.row-input{flex:1;min-width:0;height:52px;border:0;outline:0;background:transparent;font-size:17px;color:var(--ink)}.row-input::placeholder,.row-area::placeholder{color:var(--form-placeholder)}.row-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;font-size:17px;color:var(--ink);text-align:right;text-align-last:right;padding:0 18px 0 2px;max-width:62%;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='14' viewBox='0 0 10 14'%3E%3Cpath d='M1.5 5 5 1.5 8.5 5M1.5 9 5 12.5 8.5 9' fill='none' stroke='%233D2B35' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center}.row-area{display:block;width:100%;border:0;outline:0;resize:vertical;background:transparent;font-size:17px;line-height:1.45;color:var(--ink);padding:14px 0}.glass-bar{background:#ffffff8c;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 16px #3d2b351f}.scroll-edge:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--safe-top));bottom:-14px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#fff6f8eb,#fff6f899 60%,#fff6f800);-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.no-anim{animation:none!important}.sheet.half{top:50%}