:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#34234f;background:#f8f6fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #e8e0f3;background:#fff;color:#63408f;border-radius:12px;padding:10px 15px;font-weight:650}button:hover{background:#f0e9fa}.primary{background:#7650b2;border:0;color:#fff;box-shadow:0 4px 16px #7650b226}.primary:hover{background:#5f399d}.primary:disabled{opacity:.5}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,4vw,2.3rem);letter-spacing:-.035em}h2{font-size:1.65rem;letter-spacing:-.035em}h3{font-size:1.05rem}p{color:#89799f}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{background:#fff;border-right:1px solid #eee6f5;padding:28px 18px;display:flex;flex-direction:column;gap:42px}.brand{color:#7650b2;font-size:28px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:8px}.brand span{color:#38234f}.nav{display:grid;gap:8px}.nav button{display:block;text-align:left;width:100%;border:0;background:transparent;font-weight:550;color:#867795;padding:14px 16px}.nav button.selected{background:#f0e9f9;color:#69429e;font-weight:750}.aside-user{margin-top:auto;display:grid;gap:14px}.aside-user small{overflow-wrap:anywhere;color:#9386a4}.aside-user button{text-align:left}main{padding:42px clamp(18px,4vw,64px);max-width:1250px;width:100%;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px}header small{color:#9d8db1;font-size:12px;letter-spacing:.03em}header h1{margin:7px 0}.badge{background:#eae0f8;border-radius:999px;color:#744eaa;padding:11px 18px;white-space:nowrap;font-weight:700;font-size:12px}.hero{background:linear-gradient(120deg,#5d368d,#9266ce);color:#fff;padding:38px 40px;border-radius:23px;box-shadow:0 14px 36px #68409e22;margin-bottom:20px}.hero span{opacity:.86}.hero h2{font-size:clamp(2.5rem,5vw,3.8rem);margin:10px 0}.hero p{color:#efe3ff;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px}.card{background:#fff;border:1px solid #eee8f4;border-radius:20px;padding:24px;box-shadow:0 5px 18px #3d24600a;margin-bottom:16px}.card h2{margin:12px 0}.card h2 small{font-size:12px;color:#999}.card>span{font-size:13px;color:#998aac}.card p{font-size:13px}.card button{margin-right:8px;margin-top:10px}.green{color:#249778}.red{color:#c06c80}.actions{display:flex;justify-content:flex-end;margin-bottom:20px}.item{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #f1ecf6}.item:first-of-type{border:0}.item>span{flex:1;min-width:0}.item strong,.item small{display:block}.item strong{font-weight:650;overflow-wrap:anywhere}.item small{color:#a093ae;font-size:12px;margin-top:5px}.item b{white-space:nowrap}.delete{border:0;background:transparent;color:#a9a0b4;padding:7px}.delete:hover{color:#bb4e72}.empty{padding:30px 12px;text-align:center;color:#a294b0}.progress{height:9px;background:#eee6f6;border-radius:30px;overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,#9e74d7,#6845a4);border-radius:30px}.subtle{border:0;color:#9985af}.notice{padding:16px;border:1px solid #e6dcf2;border-radius:14px;color:#7f6f96;font-size:13px;background:#f5effb}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 65% 20%,#e7d8f8,transparent 50%),#f8f6fc}.login-card{max-width:445px;width:100%;margin:auto;background:#fff;border:1px solid #ede5f3;padding:48px 38px;border-radius:28px;box-shadow:0 24px 65px #5a308319}.login-card h1{margin-top:30px}.login-card p{margin-bottom:28px}.login-card small{color:#9787a6}.login-card form{display:grid;gap:19px;margin-bottom:20px}label{display:grid;gap:7px;color:#6d5980;font-weight:600;font-size:13px}input,select{width:100%;border:1px solid #e4dcec;border-radius:11px;padding:13px;background:#fff;color:#362445;min-width:0}input:focus,select:focus{outline:2px solid #bca5df}#error{color:#bd5978;font-size:13px}.bottom-nav{display:none}dialog{border:1px solid #eee7f4;border-radius:22px;padding:30px;box-shadow:0 30px 90px #29153e44;width:min(95vw,460px);max-height:85vh;overflow:auto}dialog::backdrop{background:#2816388e}dialog form{display:grid;gap:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.toast{position:fixed;bottom:25px;right:20px;background:#49346a;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 6px 22px #26153544;z-index:1000;max-width:350px}@media (max-width:720px){.layout{display:block}aside{display:none}main{padding:27px 16px 110px}header{margin-bottom:22px}.badge{font-size:11px;padding:8px 10px}.hero{padding:28px 25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:17px;border-radius:16px}.card h2{font-size:1.35rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #eae2f4;background:#fffffff7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;padding:7px 2px max(7px,env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;border-radius:9px;display:flex;flex-direction:column;align-items:center;padding:7px 0;gap:3px;color:#9b8bad;min-width:0}.bottom-nav button b{font-size:18px}.bottom-nav button small{font-size:9px}.bottom-nav button.selected{color:#754ba9;background:#f3ebfa}.login-card{padding:35px 23px}.item{gap:6px}.item b{font-size:13px}.toast{bottom:90px;left:15px;right:15px}}.contribution-person-top{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:108px}.contribution-person-top h2{margin:5px 0}.avatar-stage{position:relative;width:98px;height:104px;flex-shrink:0;display:grid;place-items:center;isolation:isolate}.avatar-portrait{width:78px;height:78px;border:3px solid #cdb1eb;box-shadow:0 7px 18px #65409425;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#eee2ff,#d5c1ef);display:grid;place-items:center;transition:transform .35s ease,border-color .3s ease;animation:avatar-idle 4s ease-in-out infinite}.avatar-portrait img{width:100%;height:100%;object-fit:cover;display:block}.avatar-portrait>span{font-size:34px}.avatar-mood-icon{position:absolute;top:-2px;right:-5px;font-size:32px;filter:drop-shadow(0 3px 3px #402b4e24);z-index:2}.avatar-expression{position:absolute;right:-7px;bottom:-1px;font-size:26px;background:#fff;border:2px solid #eee3f7;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;z-index:2}.avatar-sparkle{position:absolute;left:2px;top:1px;color:#cf9f43;font-size:25px;animation:avatar-twinkle 2.5s ease-in-out infinite}.mood-leading .avatar-portrait{border-color:#d4b15b;animation:avatar-winning 3.5s ease-in-out infinite}.mood-behind .avatar-portrait{border-color:#aeb0d8;filter:saturate(.88)}.mood-behind .avatar-mood-icon{animation:avatar-cloud 4s ease-in-out infinite}.mood-tie .avatar-portrait{border-color:#b89ad8}@keyframes avatar-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes avatar-winning{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes avatar-twinkle{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes avatar-cloud{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@media (prefers-reduced-motion:reduce){.avatar-portrait,.avatar-sparkle,.avatar-mood-icon{animation:none!important;transition:none!important}}@media (max-width:420px){.avatar-stage{width:80px;height:92px}.avatar-portrait{width:67px;height:67px}.avatar-mood-icon{font-size:27px}.avatar-expression{width:31px;height:31px;font-size:22px}}html,body,#app{max-width:100%;min-width:0}body{overflow-x:hidden}main,.card,.item,.actions,.cards{min-width:0}.card{overflow-wrap:anywhere}.actions{flex-wrap:wrap;gap:9px;align-items:center}.actions button{min-width:0;white-space:normal;margin:0}.header-tools{display:flex;align-items:center;gap:10px}.mobile-profile{display:none}.contribution-person-top{min-width:0}.contribution-person-info{flex:1;min-width:0;overflow-wrap:anywhere}.contribution-person-info h2{font-size:clamp(1.1rem,4vw,1.65rem);overflow-wrap:anywhere}dialog{max-width:calc(100vw - 24px);overscroll-behavior:contain}dialog input,dialog select,dialog textarea{font-size:16px}dialog fieldset{min-width:0;max-width:100%;overflow-wrap:anywhere}@media (max-width:720px){main{min-width:0;max-width:100%;padding:20px 12px calc(96px + env(safe-area-inset-bottom))}header{align-items:flex-start;gap:8px}header h1{font-size:clamp(1.45rem,6.5vw,2rem)}.header-tools .badge{display:none}.mobile-profile{display:grid;place-items:center;min-width:42px;min-height:42px;padding:8px;font-size:22px;border-radius:50%;flex-shrink:0}.mobile-profile.selected{background:#f1e7fa;border-color:#a787d0}.actions{justify-content:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions button{width:100%;font-size:13px;line-height:1.25;padding:11px 7px;min-height:46px}.cards{grid-template-columns:minmax(0,1fr)}.card{padding:16px;overflow:hidden}.card .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card .item{flex-wrap:wrap}.item>span{flex-basis:55%}.item button{max-width:100%;white-space:normal}.contribution-person-top{display:flex;align-items:center;gap:6px}.avatar-stage{width:76px;height:90px;max-width:34%;flex:0 0 76px;margin-right:4px}.avatar-portrait{width:65px;height:65px}.avatar-mood-icon{right:-2px;top:0}.avatar-expression{right:0}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr));padding:6px 3px max(8px,env(safe-area-inset-bottom));gap:1px}.bottom-nav button{padding:8px 1px;gap:4px;min-height:53px;overflow:hidden}.bottom-nav button b{font-size:18px}.bottom-nav button small{font-size:clamp(8px,2.15vw,10px);max-width:100%;white-space:nowrap;letter-spacing:-.03em}dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 28px);padding:18px 14px;border-radius:18px;overflow:auto;overscroll-behavior:contain}dialog form{gap:11px}dialog .dialog-actions{position:sticky;bottom:-18px;background:#fff;padding:10px 0 4px;z-index:1}dialog input,dialog select{max-width:100%;min-height:44px}.login-card{max-width:100%}}@media (max-width:370px){.actions{grid-template-columns:1fr}.bottom-nav button small{font-size:8px}}.month-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px auto;align-items:center;gap:10px}.month-navigation button{margin:0;min-width:0;white-space:nowrap;padding:10px 12px}.month-navigation .month-label{min-width:0;text-align:center;overflow-wrap:normal;word-break:normal}.month-navigation .month-today{white-space:nowrap;word-break:keep-all;min-width:55px;flex-shrink:0}@media (max-width:720px){.month-navigation{grid-template-columns:36px minmax(0,1fr) 36px auto;gap:5px;padding:12px 8px}.month-navigation button{padding:9px 6px;font-size:13px;min-height:38px}.month-navigation .month-label{font-size:clamp(12px,3.7vw,15px);line-height:1.2}.month-navigation .month-today{min-width:49px;white-space:nowrap}}.mobile-profile{overflow:hidden;padding:0;border:2px solid #c7a7e4;background:#f4edfa;aspect-ratio:1;flex-shrink:0}.mobile-profile-photo{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}@media (max-width:720px){.mobile-profile{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;overflow:hidden}}