:root{--ink:#234853;--muted:#69838e;--green:#087f78;--line:#dcece9;--paper:#ffffff;--cream:#f0fbff;--gold:#c67b30;font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0,#cbf6e7 0,transparent 48%),radial-gradient(ellipse at 0 60%,#dcf0ff 0,transparent 55%),linear-gradient(155deg,#f0fbff,#f5fffa 65%,#fff9ed);background-attachment:fixed;font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,input,a,summary{-webkit-tap-highlight-color:transparent}button{border:1px solid transparent;border-radius:12px;padding:11px 18px;background:var(--green);color:white;cursor:pointer;font-weight:550;transition:background .18s,box-shadow .18s,transform .18s}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #66cfc5;outline-offset:3px}a{color:var(--green);text-decoration:none}main{max-width:1100px;margin:auto;padding:28px 34px 40px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.4;letter-spacing:.3px;font-weight:650}h2{font-size:18px;font-weight:650;letter-spacing:.3px}h3{font-size:14px}p{line-height:1.9}.hint,small{font-size:11px;color:var(--muted);line-height:1.9}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:2.8px;margin:0 0 8px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4e9e9;padding-bottom:22px;margin-bottom:20px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--green);color:#e2fff4;font-size:29px;display:grid;place-items:center}.brand-name{font-size:24px;font-weight:750;letter-spacing:5px}.brand-caption{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:1px}.top-note{font-size:11px;color:#66858d}.top-note:before{content:'●';font-size:7px;color:#f5b24c;margin-right:8px}#status{font-size:11px;white-space:pre-wrap;padding:11px 16px 11px 30px;border:1px solid #c9ece3;border-radius:12px;background:#e2f8ef;color:#377d70;position:relative;margin:0 0 14px}#status:before{content:'';width:5px;height:5px;border-radius:50%;background:#28b78f;position:absolute;left:16px;top:19px}section,article{background:var(--paper);border:1px solid var(--line);border-radius:21px;box-shadow:0 5px 22px #1c859406;margin-bottom:20px;padding:25px}label{display:block;font-size:12px;color:#54767e}input:not([type=radio]),textarea{width:100%;border:1px solid var(--line);background:#f5fbfd;color:var(--ink);border-radius:11px;padding:12px 14px;margin:7px 0 16px;transition:border .18s}input:focus,textarea:focus{border-color:#58c6bb;outline:none;box-shadow:0 0 0 3px #58c6bb20}input::placeholder,textarea::placeholder{color:#8ba4ad}.soft{background:#e4f8f3;color:#247f75;border-color:#cceee5}.quiet{background:transparent;color:#62858e;padding:7px 10px;font-size:11px;font-weight:400}.text-link{background:transparent;border:0;padding:0;color:#198b83;font-weight:500;font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}details{border:1px solid var(--line);border-radius:13px;background:#f8fcff}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#688995;font-size:11px}summary::-webkit-details-marker{display:none}summary:after{content:'＋';font-size:16px}details[open]>summary:after{content:'−'}details>section{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;margin:0;padding:20px}#configuration{margin-bottom:20px}#auth{max-width:450px;margin:40px auto 45px;padding:32px}#auth h1{font-size:27px}#auth .welcome{margin-bottom:25px}#register{margin-left:8px}#auth>.hint:last-child{margin-bottom:0;margin-top:18px}.app-nav{display:flex;justify-content:space-between;align-items:center;margin:22px 0}.nav-tabs{display:flex;gap:8px;background:#e0f4f2;border:1px solid #cfece7;padding:5px;border-radius:15px}.nav-tab{padding:10px 25px;background:transparent;color:#5f8c94;border-radius:11px;font-size:13px}.nav-tab.active{background:#ffffff;color:#087f78;box-shadow:0 2px 8px #008c8c12}.nav-tab span{margin-right:6px}.profile-hero{padding:0;overflow:hidden}.cover-art{height:156px;position:relative;overflow:hidden;background:linear-gradient(115deg,#bfeaff,#c2f1ef 58%,#fff0b7)}.sun{width:82px;height:82px;background:#ffe582;border-radius:50%;position:absolute;top:29px;right:20%}.hill{position:absolute;border-radius:50%}.hill-back{width:690px;height:240px;background:#91dfbd;right:-70px;top:90px;transform:rotate(-8deg)}.hill-front{width:800px;height:280px;background:#48c7a4;right:140px;top:120px;transform:rotate(13deg)}.cover-flower{position:absolute;right:70px;top:-40px;font-size:210px;color:#46b6bd;transform:rotate(12deg);opacity:.5}.cover-word{position:absolute;left:29px;top:25px;font-size:9px;letter-spacing:4px;color:#448995}.profile-body{display:flex;align-items:center;gap:22px;padding:0 30px;position:relative;margin-top:-34px}.profile-avatar{width:92px;height:92px;border-radius:29px;background:#d5f7ed;display:grid;place-items:center;overflow:hidden;flex:none;padding:0;border:5px solid var(--paper);box-shadow:0 4px 15px #197b8c12;font-size:30px;color:#239c8b}.profile-avatar img,.small-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-copy{padding-top:42px;min-width:0;flex:1}.profile-copy h1{font-size:25px;margin:0 0 7px;overflow-wrap:anywhere}.profile-copy p:last-child{font-size:12px;color:var(--muted);margin:0}.profile-copy .eyebrow{font-size:8px}.profile-edit{margin-top:38px;font-size:11px;padding:9px 15px}.profile-meta{display:flex;justify-content:space-between;margin:20px 30px 0;padding:16px 0;border-top:1px solid #e2efed;font-size:10px;color:#75949d;gap:12px}.profile-meta span{overflow-wrap:anywhere}.personal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.space-aside{position:sticky;top:20px}.note-card{background:#fff4dc;border-color:#f4e5bc;padding:26px 22px}.note-flower{display:block;font-size:35px;color:#f3b543;line-height:1;margin-bottom:27px}.note-card h2{font-size:17px;line-height:1.8;margin-bottom:13px}.note-card>p:not(.eyebrow){font-size:11px;color:#92805b;line-height:2.2;margin-bottom:24px}.note-card .eyebrow{font-size:8px;letter-spacing:2px}.note-card .text-link{font-size:11px}.aside-caption{padding:0 9px;font-size:10px;line-height:2;color:#8a9da2}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.section-title h2{margin:0}.section-title small{font-size:8px;letter-spacing:1.8px;color:#87a1aa}.composer textarea{min-height:115px;resize:vertical;line-height:1.9;background:#f5fbff;margin:0 0 15px}.composer .row button{font-size:11px;padding:9px 13px}#clearMedia{margin-left:auto;padding-right:0}.composer #attachments{font-size:10px;margin:11px 0 12px}.publish-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;gap:10px}.visibility-options{border:0;padding:0;margin:0;display:flex;gap:5px;min-width:0}.visibility-options label{position:relative;cursor:pointer}.visibility-options input{position:absolute;opacity:0;width:1px;height:1px}.visibility-options span{display:block;border:1px solid #dceae9;border-radius:9px;padding:8px 11px;font-size:10px;white-space:nowrap;color:#698a95;background:#f5fbfd}.visibility-options input:checked+span{background:#d6f5e9;border-color:#8ddbc1;color:#187d67}.visibility-options input:focus-visible+span{outline:3px solid #66cfc5;outline-offset:3px}.visibility-options input:disabled+span{opacity:.5;cursor:wait}.visibility-picker{flex:1;min-width:0}.visibility-title{font-size:10px;color:#829aa4;margin:0 0 7px}.party-picker{display:flex;gap:6px;flex-wrap:wrap}.picker-chip{border:1px solid #dceae9;border-radius:9px;padding:7px 11px;font-size:10px;background:#f5fbfd;color:#698a95;font-weight:400}.picker-chip[aria-pressed="true"]{background:#d6f5e9;border-color:#8ddbc1;color:#187d67}.picker-chip:disabled{opacity:.5;cursor:wait}.picker-empty{font-size:10px;color:#8aa4ae}.visibility-hint{font-size:9px;margin:8px 0 0}#publish{font-size:11px;padding:11px 16px;white-space:nowrap}.composer-note{margin:13px 0 0;font-size:10px;color:#829aa4}.composer details{border:0;background:transparent;margin-top:6px}.composer summary{padding:5px 0;font-size:9px;justify-content:flex-start;gap:8px;color:#819da6}.composer summary:after{font-size:11px}.composer details p{margin:6px 0 0}.attachment-preview{display:flex;gap:8px;overflow:auto}.attachment-preview:empty{display:none}.attachment-preview img,.attachment-preview video{width:100px;height:90px;object-fit:cover;border-radius:11px;margin:0 0 13px}.timeline-label{display:flex;justify-content:space-between;align-items:center;margin:24px 3px 15px}.timeline-label h2{font-size:15px;margin:0}.post-card{padding:24px}.post-author{display:flex;gap:10px;align-items:center}.small-avatar{height:36px;width:36px;flex:none;background:#dff6ee;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#329f8e;font-size:15px}.post-author strong{display:block;font-size:12px;font-weight:600}.post-author small{display:block;font-size:9px;color:#7997a2;margin-top:2px}.body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:13px;margin:20px 0;color:#506e7b}.post-media img,.post-media video{max-width:100%;max-height:400px;border-radius:13px;margin:6px 0}.post-delete{background:transparent;color:#8aa0a8;font-size:10px;padding:14px 0 0;font-weight:400}.empty-state{text-align:center;border:1px dashed #cce6e7;background:#ffffffa8;border-radius:21px;padding:45px 20px;color:#678f9b}.empty-icon{display:block;font-size:35px;color:#80d8cc;margin-bottom:15px}.empty-state h2,.empty-state h3{font-size:15px;font-weight:500}.empty-state p{font-size:11px;color:#8aa4ae}.empty-state button{font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:39px 0 28px}.page-heading h1{font-size:30px;margin:0 0 12px}.page-heading p:last-child{font-size:12px;color:#6f929e;margin:0}.page-heading>button{font-size:12px;white-space:nowrap}.party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:290px;align-content:start}.party-grid>.empty-state{grid-column:1/-1}.party-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#ddf7ed;border:1px solid #bfead9;color:#287f70;padding:25px;border-radius:22px;min-height:205px;box-shadow:0 3px 10px #137b8808}.party-card:hover{box-shadow:0 8px 22px #137b8814;transform:translateY(-2px)}.party-card-symbol{font-size:32px;color:#48b99c;margin-bottom:18px}.party-card-name{font-size:19px;font-weight:600;margin-bottom:6px;overflow-wrap:anywhere}.party-card-note{font-size:10px;font-weight:400;color:#6e9b92}.party-card-enter{font-size:10px;font-weight:400;margin-top:28px;align-self:flex-end;color:#368a7b}.party-tone-1{background:#e4f3ff;border-color:#c9e6f7}.party-tone-1 .party-card-symbol{color:#64b7df}.party-tone-2{background:#fff0df;border-color:#f4dfc1}.party-tone-2 .party-card-symbol{color:#e6a05e}.party-tone-2 .party-card-name{color:#a56b37}.party-tone-2 .party-card-note,.party-tone-2 .party-card-enter{color:#ad8a68}.back-link{margin:13px 0 23px}.party-hero{display:flex;gap:20px;align-items:center;background:#dcf5ef;border-color:#c2e9de;padding:28px}.party-symbol{font-size:55px;line-height:1;color:#59bea4}.party-hero>div{flex:1;min-width:0}.party-hero h1{font-size:27px;margin:0 0 10px;overflow-wrap:anywhere}.party-hero p:last-child{font-size:12px;color:#66988b;margin:0}.party-hero button{font-size:11px;white-space:nowrap;background:#ffffffbf}.party-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px 12px;border-bottom:1px solid var(--line)}.party-info p{font-size:11px;color:#7195a0;margin:0}.party-info button{font-size:11px}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d7ebed;margin-top:32px;padding-top:18px}.footer p{margin:0;font-size:9px;color:#829aa4}.footer a{font-size:10px;color:#688d9a;white-space:nowrap;padding-top:4px}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{color:var(--ink);background:var(--paper);border:1px solid #d3eae7;border-radius:24px;padding:28px;width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 44px);overflow:auto;box-shadow:0 25px 90px #114d6429}dialog::backdrop{background:#163b5060;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.dialog-heading h2{font-size:20px;margin:0;line-height:1.6}.dialog-heading .eyebrow{font-size:8px}.dialog-close{font-size:22px;background:transparent;color:#8aa4ac;padding:0 4px;line-height:1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions button{font-size:12px}.avatar-editor{display:flex;align-items:center;gap:18px;margin-bottom:22px}.avatar-editor .profile-avatar{width:82px;height:82px;border:0;border-radius:26px}.avatar-editor .hint{max-width:250px;font-size:10px;margin:9px 0 0}.avatar-editor button{font-size:11px}.dialog-divider{display:flex;align-items:center;gap:12px;margin:28px 0;font-size:10px;color:#88a1a9}.dialog-divider:before,.dialog-divider:after{content:'';flex:1;height:1px;background:var(--line)}.member-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e2efed}.member-copy{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}.member-copy strong{display:block;font-size:12px}.member-copy small{display:block;font-size:10px}.member-row button{font-size:10px;padding:6px 9px;white-space:nowrap}.danger-link{background:transparent;color:#be6c57;font-size:10px;font-weight:400}.invite-box{background:#eaf8f4;border-radius:14px;padding:17px;margin:22px 0}.invite-box h3{font-size:12px;margin:0}.invite-box p{font-size:10px;margin:5px 0}.invite-box input{font-family:monospace;font-size:11px;margin-bottom:10px;background:#ffffff}.invite-box button{font-size:10px;padding:8px 11px}.danger-zone{border-top:1px solid #f1d9d2;padding-top:19px;margin-top:25px;display:flex;gap:18px;align-items:center}.danger-zone div{flex:1;font-size:10px}.danger-zone button{font-size:11px;white-space:nowrap}.danger{background:#bb5757;border-color:#b64c4c;color:#ffffff}.confirm-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:#fff0dc;color:#d38a3b;font-family:serif;font-size:24px;margin-bottom:21px}#confirmDialog h2{font-size:20px;margin-bottom:12px}#confirmMessage{font-size:13px;color:#728e98}#profileMessage,#partyDialogMessage,#manageMessage{color:#668f8e;white-space:pre-wrap}
@media(max-width:800px){main{padding:20px 18px 30px}.personal-layout{grid-template-columns:1fr;gap:0}.space-aside{display:none}.party-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-meta{font-size:9px}.profile-copy h1{font-size:24px}.section-title small{font-size:8px}.top-note{font-size:10px}.hill-front{right:10%;width:700px}.hill-back{width:500px}.cover-flower{right:15px}.profile-body{padding:0 22px;gap:16px}.profile-meta{margin-left:22px;margin-right:22px}}@media(max-width:480px){main{padding:18px 14px 26px}.topbar{padding-bottom:17px}.brand-mark{width:35px;height:35px;font-size:26px}.brand-name{font-size:21px}.brand-caption{font-size:7px;letter-spacing:1.5px}.top-note{font-size:8px}.top-note:before{margin-right:5px}.app-nav{margin:18px 0}.nav-tab{padding:9px 18px;font-size:12px}.nav-tabs{gap:3px}.app-nav>.quiet{font-size:10px;padding:6px 3px}.cover-art{height:125px}.cover-word{font-size:7px;left:20px;top:20px}.cover-flower{font-size:170px}.sun{width:66px;height:66px;top:25px;right:27%}.hill-front{top:95px;height:200px;right:-10px}.hill-back{top:77px;height:180px;right:-130px}.profile-body{padding:0 18px;gap:12px;margin-top:-26px;flex-wrap:wrap}.profile-avatar{width:73px;height:73px;border-radius:24px;border-width:4px;font-size:25px}.profile-copy{padding-top:38px;width:calc(100% - 88px);flex:auto}.profile-copy .eyebrow{font-size:7px;letter-spacing:2px}.profile-copy h1{font-size:23px}.profile-copy p:last-child{font-size:10px}.profile-edit{margin:8px 0 0 85px;font-size:10px;padding:7px 12px}.profile-meta{margin:16px 18px 0;padding:12px 0;flex-wrap:wrap;gap:4px;justify-content:flex-start}.profile-meta span{width:100%}.composer{padding:21px 17px}.section-title h2{font-size:16px}.section-title small{font-size:6px;letter-spacing:1px}.row{gap:7px}.composer .row button{padding:9px 11px;font-size:10px}.publish-row{gap:7px;flex-wrap:wrap}.visibility-options{gap:5px}.visibility-options span{font-size:9px;padding:8px 9px}.visibility-picker{width:100%}.picker-chip{font-size:9px;padding:6px 9px}#publish{font-size:10px;padding:10px 12px}.composer-note{font-size:9px}.page-heading{display:block;margin:26px 0 23px}.page-heading h1{font-size:28px}.page-heading>button{margin-top:18px;font-size:11px}.page-heading p:last-child{font-size:11px}.party-grid{gap:12px}.party-card{padding:19px 16px;min-height:190px}.party-card-name{font-size:17px}.party-card-note{font-size:9px}.party-card-enter{font-size:9px}.party-hero{padding:23px 20px;gap:14px;flex-wrap:wrap}.party-symbol{font-size:42px}.party-hero h1{font-size:23px}.party-hero p:last-child{font-size:10px}.party-hero button{margin-left:54px;font-size:10px}.party-info{flex-wrap:wrap;gap:6px}.party-info p,.party-info button{font-size:10px}.post-card{padding:21px 18px}.body{font-size:12px}.footer p{font-size:8px;max-width:72%}.footer a{font-size:9px}#auth{padding:27px 23px}#auth h1{font-size:25px}dialog{padding:24px 21px}.dialog-heading h2{font-size:18px}.avatar-editor{gap:14px}.avatar-editor .hint{font-size:9px}.danger-zone{gap:12px}.invite-box input{font-size:10px}.member-row button{font-size:9px;padding:7px}.dialog-divider{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}