:root{--bg:#faf7f2;--surface:#fff;--ink:#2b2440;--ink-soft:#6f6688;--line:#ece5da;--brand:#e85d75;--brand-dark:#d14663;--brand-soft:#fdeef1;--gold:#f2a93b;--gold-soft:#fdf3e0;--teal:#2ba193;--teal-soft:#e3f4f2;--violet:#7c5cbf;--violet-soft:#f0eafa;--radius:16px;--shadow:0 2px 10px #2b244012;font-family:Avenir Next,Avenir,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100vh}body:before,body:after{content:"";pointer-events:none;filter:blur(90px);opacity:.5;z-index:-1;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle, var(--brand-soft), transparent 70%);width:480px;height:480px;top:-140px;right:-120px}body:after{background:radial-gradient(circle, var(--violet-soft), transparent 70%);width:520px;height:520px;bottom:-180px;left:-160px}#root{max-width:720px;margin:0 auto;padding:0 16px 96px}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}.header{justify-content:space-between;align-items:center;padding:20px 4px 12px;display:flex}.logo{letter-spacing:-.5px;font-size:26px;font-weight:800}.logo span{color:var(--brand)}.level-chip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:13px;font-weight:600;display:flex}.level-chip .lvl-emoji{font-size:18px}.level-chip .lvl-xp{color:var(--ink-soft);font-weight:500}.level-bar{background:var(--line);border-radius:99px;height:5px;margin:2px 4px 18px;overflow:hidden}.level-bar>div{background:linear-gradient(90deg, var(--gold), var(--brand));border-radius:99px;height:100%;transition:width .4s}.demo-banner{background:var(--violet-soft);border:1px dashed var(--violet);color:var(--ink);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;font-size:13.5px;display:flex}.demo-banner .skip-btn{color:var(--violet);font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.card h2{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);margin-bottom:12px;font-size:15px;font-weight:700}.stats-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;opacity:.85;padding:14px 8px 12px}.stat-tile.lit{opacity:1}.stat-tile.gold{background:linear-gradient(160deg, #fff, var(--gold-soft));border-color:var(--gold)}.stat-tile.fire{background:linear-gradient(160deg, #fff, var(--brand-soft));border-color:var(--brand)}.stat-num{letter-spacing:-.5px;font-size:24px;font-weight:800}.stat-label{margin-top:2px;font-size:12.5px;font-weight:700}.stat-sub{color:var(--ink-soft);margin-top:2px;font-size:11px}.event-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:10px 0;display:flex}.event-row:last-child{border-bottom:none}.event-date-badge{text-align:center;border-radius:12px;min-width:54px;padding:6px 4px;font-size:13px;font-weight:700;line-height:1.2}.event-date-badge.urgent{background:var(--brand-soft);color:var(--brand-dark)}.event-date-badge.soon{background:var(--gold-soft);color:#b07514}.event-date-badge.later{background:var(--teal-soft);color:var(--teal)}.event-info{flex:1}.event-info .who{font-weight:700}.event-info .what{color:var(--ink-soft);font-size:13px}.event-count{white-space:nowrap;font-size:13px;font-weight:700}.event-count.urgent{color:var(--brand-dark)}.event-count.soon{color:#b07514}.event-count.later{color:var(--teal)}.empty-state{text-align:center;color:var(--ink-soft);padding:36px 16px}.empty-state .big{margin-bottom:10px;font-size:40px}.empty-state p{margin-bottom:16px}.circle-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.circle-tab{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600}.circle-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.person-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:14px;padding:12px 0;display:flex}.person-row:last-child{border-bottom:none}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex;overflow:hidden}.avatar.photo{background:var(--line)}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.photo-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.photo-row .avatar{width:56px;height:56px;font-size:20px}.field-label{text-transform:uppercase;letter-spacing:.8px;color:var(--ink-soft);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.person-meta{flex:1;min-width:0}.person-meta .name{font-weight:700}.person-meta .sub{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.readiness-ring{flex-shrink:0;width:44px;height:44px;position:relative}.readiness-ring svg{transform:rotate(-90deg)}.readiness-ring .pct{justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.back-btn{color:var(--ink-soft);padding:8px 4px;font-size:14px;font-weight:600}.detail-head{align-items:center;gap:16px;margin:8px 0 18px;display:flex}.detail-head .avatar{width:64px;height:64px;font-size:24px}.detail-head h1{font-size:24px}.detail-head .sub{color:var(--ink-soft);font-size:14px}.subtabs{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.subtab{color:var(--ink-soft);text-align:center;white-space:nowrap;border-radius:9px;flex:1;padding:8px 4px;font-size:13px;font-weight:600}.subtab.active{background:var(--ink);color:#fff}.field-row{margin-bottom:14px}.field-row label{text-transform:uppercase;letter-spacing:.8px;color:var(--ink-soft);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.text-input,select.text-input,textarea.text-input{border:1px solid var(--line);background:var(--bg);border-radius:10px;outline:none;width:100%;padding:10px 12px}.text-input:focus{border-color:var(--brand)}.inline-inputs{gap:8px;display:flex}.inline-inputs>*{flex:1}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.chip.on{background:var(--violet-soft);border-color:var(--violet);color:var(--violet)}.chip.dislike.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.chip.removable{background:var(--teal-soft);border-color:var(--teal);color:var(--teal)}.wish-item{border-bottom:1px dashed var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.wish-item:last-child{border-bottom:none}.wish-item .x{color:var(--ink-soft);padding:2px 6px;font-size:15px}.intel-progress{align-items:center;gap:12px;margin-bottom:14px;display:flex}.intel-progress .bar{background:var(--line);border-radius:99px;flex:1;height:8px;overflow:hidden}.intel-progress .bar>div{background:linear-gradient(90deg, var(--teal), var(--violet));height:100%;transition:width .4s}.intel-progress .label{color:var(--violet);white-space:nowrap;font-size:13px;font-weight:700}.question-card{background:linear-gradient(135deg, var(--violet-soft), var(--brand-soft));border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:18px}.question-card .q{margin-bottom:12px;font-size:16px;font-weight:700}.question-card .xp-tag{color:var(--violet);background:#fff;border-radius:99px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.yn-btns{gap:8px;display:flex}.yn-btn,.q-submit{background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:9px 22px;font-weight:700}.yn-btn:hover{border-color:var(--violet);color:var(--violet)}.q-submit{background:var(--ink);color:#fff;border-color:var(--ink)}.skip-btn{color:var(--ink-soft);padding:8px;font-size:13px;font-weight:600}.answered-list .ans{border-bottom:1px dashed var(--line);padding:8px 0;font-size:14px}.answered-list .ans:last-child{border-bottom:none}.answered-list .ans .aq{color:var(--ink-soft);font-size:12.5px}.xp-toast{background:var(--ink);color:#fff;z-index:50;pointer-events:none;border-radius:999px;padding:10px 22px;font-weight:700;animation:1.6s forwards pop;position:fixed;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}@keyframes pop{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.9)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}25%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.budget-row{align-items:center;gap:14px;margin-bottom:4px;display:flex}.budget-row input[type=range]{accent-color:var(--brand);flex:1}.budget-value{color:var(--brand-dark);text-align:right;min-width:58px;font-size:18px;font-weight:800}.idea-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.idea-card.ai{border-left:3px solid var(--violet);background:linear-gradient(135deg, #fff, var(--violet-soft))}.idea-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.idea-top .iname{font-size:15.5px;font-weight:700}.idea-top .iprice{color:var(--teal);white-space:nowrap;font-size:14px;font-weight:700}.idea-reason{color:var(--ink-soft);margin-bottom:10px;font-size:13.5px}.idea-links{flex-wrap:wrap;gap:8px;display:flex}.idea-links a{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;text-decoration:none}.idea-links a:hover{border-color:var(--brand);color:var(--brand-dark)}.idea-links a.primary{background:var(--ink);color:#fff;border-color:var(--ink);padding:6px 16px}.idea-links a.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.address-text{white-space:pre-line;background:var(--bg);border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:14.5px;line-height:1.5}.draft-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px}.draft-text{resize:vertical;min-height:72px;margin-bottom:10px;font-size:15px;line-height:1.5}.copy-btn{padding:8px 16px;font-size:13.5px}.hint{color:var(--ink-soft);margin:10px 2px;font-size:13px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-title{align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.cal-nav{background:var(--bg);border:1px solid var(--line);width:36px;height:36px;color:var(--ink-soft);border-radius:10px;font-size:22px;font-weight:700}.cal-nav:hover{color:var(--brand-dark);border-color:var(--brand)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-weekday{text-align:center;color:var(--ink-soft);padding:4px 0;font-size:11px;font-weight:700}.cal-day{text-align:center;min-height:46px;color:var(--ink);background:var(--bg);border-radius:10px;padding:4px 0 2px;font-size:13px;font-weight:600}.cal-day.empty{background:0 0}.cal-day.today{outline:2px solid var(--brand);outline-offset:-2px}.cal-day.has-event{background:var(--brand-soft)}.cal-dots{margin-top:2px;font-size:12px;line-height:1}.cal-daynum{text-align:center;min-width:30px;color:var(--brand-dark);font-size:16px;font-weight:800}.gift-wheel{width:min(280px,80%);margin:6px auto;display:block}.full-circle{background:linear-gradient(135deg, var(--gold-soft), var(--brand-soft));border:1px solid var(--gold);text-align:left;border-radius:12px;margin-bottom:8px;padding:12px 16px;font-weight:600}.realm-detail{text-align:left;background:var(--bg);border-radius:12px;margin-top:8px;padding:12px 14px;font-size:14px}.realm-detail ul{margin:6px 0 0 18px}.realm-detail li{margin-bottom:2px}.gave-btn{background:var(--teal-soft);border:1.5px solid var(--teal);color:var(--teal);border-radius:999px;margin-top:10px;padding:7px 14px;font-size:13px;font-weight:700}.gave-btn:hover:not(:disabled){background:var(--teal);color:#fff}.gave-btn:disabled{opacity:.7;cursor:default}.unwrap-scene{z-index:100;background:linear-gradient(160deg, var(--violet-soft), var(--bg) 45%, var(--brand-soft));justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.unwrap-box{text-align:center;color:var(--ink);flex-direction:column;align-items:center;gap:22px;display:flex}.unwrap-gift{filter:drop-shadow(0 16px 24px #2b244040);font-size:120px;line-height:1;animation:1.6s ease-in-out infinite gift-wiggle;display:block}@keyframes gift-wiggle{0%,to{transform:rotate(0)translateY(0)}20%{transform:rotate(-5deg)translateY(-6px)}40%{transform:rotate(4deg)translateY(0)}60%{transform:rotate(-3deg)translateY(-3px)}80%{transform:rotate(0)translateY(0)}}.unwrap-tap{color:var(--ink-soft);font-size:17px;line-height:1.6}.unwrap-tap strong{color:var(--brand-dark);font-size:20px}.unwrap-card{background:var(--surface);text-align:center;border-radius:24px;width:100%;max-width:460px;padding:40px 32px;animation:.55s cubic-bezier(.2,1.4,.4,1) card-pop;box-shadow:0 24px 60px #2b244038}@keyframes card-pop{0%{opacity:0;transform:translateY(40px)scale(.85)}to{opacity:1;transform:none}}.unwrap-emoji{margin-bottom:8px;font-size:56px}.unwrap-card h1{letter-spacing:-.5px;margin-bottom:16px;font-size:26px}.unwrap-msg{white-space:pre-line;background:var(--bg);border-radius:14px;margin-bottom:22px;padding:18px;font-size:17px;line-height:1.65}.unwrap-cta{color:var(--ink-soft);font-size:13.5px;line-height:1.7;text-decoration:none;display:block}.unwrap-cta strong{color:var(--brand-dark)}.unwrap-cta span{color:var(--violet);font-weight:700}.confetti{pointer-events:none;z-index:101;position:fixed;inset:0}.confetti span{border-radius:2px;animation:linear forwards confetti-fall;position:absolute;top:-14px}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(calc(720deg * var(--spin)))}}.bottom-nav{background:var(--surface);border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom));z-index:40;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--ink-soft);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 13px;font-size:12px;font-weight:600;display:flex}.nav-btn .ico{font-size:20px}.nav-btn.active{color:var(--brand-dark);background:var(--brand-soft)}.primary-btn{background:var(--brand);color:#fff;border-radius:12px;width:100%;padding:12px 24px;font-weight:700;box-shadow:0 3px 10px #e85d7559}.primary-btn:hover{background:var(--brand-dark)}.ghost-btn{background:var(--surface);border:1.5px solid var(--line);color:var(--ink);border-radius:12px;padding:10px 18px;font-weight:600}.fab{background:var(--brand);color:#fff;z-index:41;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:400;display:flex;position:fixed;bottom:86px;right:max(16px,50vw - 340px);box-shadow:0 5px 18px #e85d7573}.modal-backdrop{z-index:60;background:#2b244073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px 20px 0 0;width:min(720px,100%);max-height:88vh;padding:22px 20px 30px;overflow-y:auto}.modal h3{margin-bottom:16px;font-size:19px}.modal-actions{gap:10px;margin-top:18px;display:flex}.modal-actions .primary-btn{flex:2}.modal-actions .ghost-btn{flex:1}@media (width>=720px){.modal-backdrop{align-items:center}.modal{border-radius:20px}}@media (width>=960px){#root{max-width:1080px;padding-bottom:110px}.header{padding:34px 4px 14px}.logo{font-size:34px}.level-chip{padding:8px 18px 8px 10px;font-size:14px}.level-bar{margin-bottom:26px}.view-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.view-grid>.card{margin-bottom:0}.narrow-wrap{max-width:780px;margin:0 auto}.stats-strip{gap:16px}.stat-num{font-size:30px}.stat-label{font-size:13.5px}.bottom-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border-radius:999px;gap:6px;width:auto;padding:8px 12px;bottom:22px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 30px #2b244029}.nav-btn{flex-direction:row;gap:8px;padding:9px 20px;font-size:14px}.nav-btn .ico{font-size:19px}.fab{width:60px;height:60px;bottom:34px;right:max(24px,50vw - 540px)}.card,.stat-tile,.idea-card,.draft-card{transition:transform .18s,box-shadow .18s}.card:hover,.stat-tile:hover,.idea-card:hover,.draft-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2b24401a}.gift-wheel{width:300px}}