:root{--bg:#0e1413;--surface:#19221f;--surface2:#202c25;--panel:#1c2821;--line:#3b5043;--text:#f1eee2;--muted:#b6c7ba;--hint:#879b8c;--accent:#d8bd86;--primary:#537f61;--primaryText:#fffdf2;--shade:#151d18;--shadow:0 16px 40px #0003;--input:#121d17;color-scheme:dark}
:root[data-theme=blue]{--bg:#ecf5fa;--surface:#fff;--surface2:#e7f1f8;--panel:#fff;--line:#afcede;--text:#263f55;--muted:#526b80;--hint:#648398;--accent:#597f9e;--primary:#547fa8;--primaryText:#fff;--shade:#e7f2f8;--shadow:0 12px 32px #4d85a116;--input:#f8fcff;color-scheme:light}
:root[data-theme=pink]{--bg:#fdf2f5;--surface:#fffafb;--surface2:#fae7ed;--panel:#fffafb;--line:#e6c1cd;--text:#57394a;--muted:#876575;--hint:#956f80;--accent:#ac7289;--primary:#b47c94;--primaryText:#fff;--shade:#fcf0f4;--shadow:0 12px 32px #aa69811d;--input:#fff9fb;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans TC','Microsoft JhengHei',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--accent)}button:disabled{opacity:.42;cursor:not-allowed}.hidden,[hidden]{display:none!important}
.top{height:auto;min-height:76px;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:13px max(18px,calc((100vw - 1370px)/2));background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:5;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}.brand-emblem img{width:100%;height:100%;object-fit:contain;display:block}.brand-emblem{display:grid;place-items:center;color:var(--accent);font-size:27px;border:1px solid var(--line);width:48px;height:48px;border-radius:14px}.brand strong{font-size:18px;font-weight:600;letter-spacing:.15em;display:block}.brand small{color:var(--hint);display:block;font-size:10px;letter-spacing:.1em}.top-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.top-nav button{border:1px solid transparent;border-radius:10px;padding:9px 17px;background:transparent;color:var(--muted)}.top-nav button:hover,.top-nav button.active{border-color:var(--line);background:var(--surface2);color:var(--text)}.top-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px}.access{border:1px solid var(--line);border-radius:99px;padding:5px 11px;color:var(--accent);background:var(--surface2)}.subnav{max-width:1380px;margin:auto;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:11px 18px;border-bottom:1px solid var(--line)}.subnav-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.subnav a{text-decoration:none;font-size:12px}.subnav select{border:1px solid var(--line);border-radius:9px;padding:8px 28px 8px 11px;background:var(--input);color:var(--text);max-width:300px}.appearance{display:flex;gap:6px}.appearance button{padding:5px 11px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;font-size:11px}.appearance button.active{background:var(--primary);color:var(--primaryText)}.intro{max-width:1380px;padding:0 18px;margin:auto}.intro p{margin:10px 0;font-size:12px;color:var(--hint)}.main-root{min-height:calc(100vh - 169px)}.guildbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px max(18px,calc((100vw - 1370px)/2));background:var(--surface2);border-bottom:1px solid var(--line)}.guildbar strong{font-size:14px;font-weight:550;display:block}.guildbar small{display:block;font-size:11px;color:var(--hint)}.guildbar-actions{display:flex;gap:8px;flex-wrap:wrap}.frame-wrap{width:100%;height:calc(100vh - 170px);min-height:670px;overflow:hidden}.frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:var(--bg)}.main-social{max-width:1370px;padding:24px 20px 75px;margin:auto}
.street-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:17px;flex-wrap:wrap;margin:0 0 24px}.kicker{font-size:10px;color:var(--accent);letter-spacing:.24em}.street-heading h1{font-size:clamp(28px,3vw,38px);letter-spacing:.04em;font-weight:520;margin:6px 0}.street-heading h1 em{font-style:normal;color:var(--hint);font-size:17px;font-weight:400}.street-heading p{margin:0;color:var(--muted);font-size:13px}.toolbar-actions{display:flex;gap:8px}.street-columns{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px}.social-left{min-width:0}.social-right{min-width:0}.note,.compose,.post,.panel,.empty{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:20px;box-shadow:var(--shadow)}.note{background:var(--surface2);margin-bottom:14px}.note p,.panel p{font-size:13px;color:var(--muted);line-height:1.9}.note a{font-size:12px}.panel{margin-bottom:14px}.panel h3{font-size:17px;font-weight:550;margin:0 0 13px;color:var(--text)}.panel p:last-child{margin-bottom:0}.small{font-size:12px!important;color:var(--hint)!important}.formhead,.post-head{display:flex;align-items:center;gap:12px}.face{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:var(--surface2);border-radius:50%;overflow:hidden;color:var(--accent);font-size:16px;font-weight:bold}.face>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.face.tiny{width:31px;height:31px;font-size:12px}.formhead strong{display:block}.formhead small{display:block;color:var(--muted);font-size:12px}.compose{margin-bottom:15px}.compose textarea,.compose input,.compose select,.comment-form textarea,.comment-form input,#npcForm input,#npcForm textarea{background:var(--input);border:1px solid var(--line);border-radius:10px;color:var(--text);outline:none;padding:11px 12px;min-width:0;resize:vertical}.compose textarea{display:block;margin:13px 0 9px;width:100%}.compose textarea:focus,.compose input:focus,.comment-form textarea:focus,.comment-form input:focus,#npcForm input:focus{border-color:var(--accent)}.sr-label{font-size:12px;display:block;margin-top:14px;color:var(--muted)}.sr-label select{margin-left:12px}.compose-bottom{display:flex;align-items:center;gap:10px}.compose-bottom input{flex:1;min-width:0}.primary{background:var(--primary);color:var(--primaryText);padding:10px 19px;border:1px solid var(--primary);border-radius:10px;font-weight:550}.primary:hover{filter:brightness(1.07)}.minor{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;padding:9px 13px;font-size:12px}.minor:hover{border-color:var(--accent)}.minor.compact{padding:5px 8px;font-size:11px}.feed-tabs{display:flex;gap:6px;margin:18px 0 12px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.feed-tabs button{flex:1;background:transparent;color:var(--muted);border:0;border-radius:9px;padding:10px;font-size:13px}.feed-tabs button.active{background:var(--surface2);color:var(--text);box-shadow:inset 0 -2px var(--accent)}.post{margin-bottom:12px;padding:19px}.post-author{flex:1;min-width:0}.post-author strong{font-size:15px}.post-author small{display:block;color:var(--hint);font-size:11px;word-break:break-word}.tag{font-size:10px;padding:2px 7px;border-radius:99px;border:1px solid var(--line);color:var(--muted);margin-left:7px}.tag.accent{color:var(--accent)}.post-ops{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.post-body{font-size:14px;line-height:2.0;padding:17px 0 12px;overflow-wrap:anywhere}.post-media{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--shade)}.post-media img{max-height:480px;width:100%;object-fit:contain;display:block}.post-media .media-failed{display:none;padding:14px;font-size:12px;color:var(--hint)}.post-media.failed img{display:none}.post-media.failed .media-failed{display:block}.post-actions{border-top:1px solid var(--line);padding-top:10px;margin-top:12px;display:flex;gap:17px;flex-wrap:wrap}.post-actions button,.comment-actions button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:6px 7px}.post-actions button:hover,.comment-actions button:hover,.post-actions .liked,.comment-actions .liked{color:var(--accent)}.comments{border-top:1px solid var(--line);margin-top:9px;padding:13px 2px 0}.comment{display:flex;gap:10px;margin:12px 0}.comment-body{background:var(--surface2);border:1px solid var(--line);padding:10px 13px;border-radius:12px;min-width:0;flex:1}.comment-body p{font-size:12px;margin:6px 0;line-height:1.85;overflow-wrap:anywhere}.comment-head{display:flex;gap:9px;align-items:center}.comment-head strong{font-size:12px}.comment-head small{font-size:10px;color:var(--hint)}.comment-image{max-width:250px;max-height:230px;border-radius:8px;object-fit:contain}.comment-actions{display:flex;gap:8px}.comment-form{margin:16px 0 0 40px}.comment-form textarea{width:100%;margin-bottom:7px}.load-row{text-align:center;margin:18px}.empty{color:var(--muted);text-align:center;padding:46px;font-size:13px}.npc-row{display:flex;align-items:center;gap:10px;margin:12px 0 5px}.npc-row .face{width:39px;height:39px}.npc-row-text{flex:1;min-width:0}.npc-row-text strong{font-size:13px;display:block}.npc-row-text small{font-size:11px;color:var(--hint);display:block}.npc-bio{font-size:11px!important;margin:1px 0 16px 50px;line-height:1.7!important}.message{max-width:1370px;margin:12px auto;padding:12px 17px;border-radius:10px;background:#753b3b;color:#fff;border:1px solid #be7373;font-size:13px}.status-copy{color:var(--hint);font-size:11px}.modal{position:fixed;inset:0;background:#000a;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px}.modal-box{max-height:90vh;overflow:auto;width:min(100%,530px);background:var(--surface);border-radius:18px;border:1px solid var(--line);padding:22px;box-shadow:0 20px 80px #0006}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-head h2{font-size:20px}.modal-box form{display:grid;gap:10px}.modal-box label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.form-divider{color:var(--accent);margin:7px 0 2px;border-top:1px solid var(--line);padding-top:14px;font-size:12px}footer{border-top:1px solid var(--line);text-align:center;font-size:11px;color:var(--hint);padding:22px}.only-pc{display:block;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-nav .gm-nav{border-color:var(--line);color:var(--accent)}.gm-shell{padding:25px 20px 78px;background:var(--bg);min-height:70vh}.gm-content{max-width:1190px;margin:0 auto}.gm-heading{margin-bottom:21px}.gm-heading h1{font-size:clamp(25px,3vw,34px);font-weight:560;margin:4px 0 5px}.gm-heading p{font-size:13px;color:var(--muted);max-width:750px}.gm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.gm-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:19px;box-shadow:var(--shadow);min-width:0;margin-bottom:16px}.gm-card h2{font-size:17px;font-weight:600;margin:0 0 10px}.gm-card p{color:var(--muted);font-size:12px}.gm-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0}.gm-entry{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.gm-entry:first-of-type{border-top:0}.gm-entry-info{flex:1;min-width:0}.gm-entry-info strong{display:block;font-size:13px}.gm-entry-info small{display:block;overflow-wrap:anywhere;color:var(--hint);font-size:11px;margin-top:3px}.gm-entry-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.gm-form{display:grid;gap:10px}.gm-form label{font-size:12px;color:var(--muted);display:grid;gap:5px}.gm-form input,.gm-form select,.gm-form textarea{width:100%;min-width:0;padding:10px;border-radius:9px;color:var(--text);border:1px solid var(--line);background:var(--input)}.gm-form textarea{resize:vertical}.gm-advice{border-left:3px solid var(--accent);background:var(--surface2);padding:12px 15px;border-radius:8px;color:var(--muted);font-size:12px;line-height:1.8;margin:15px 0}.gm-readonly{font-size:12px;color:var(--hint);padding:7px 0}.gm-comments{margin:10px 0 0 24px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}@media(max-width:750px){.gm-grid{grid-template-columns:1fr}.gm-shell{padding:15px 12px 64px}.gm-entry{flex-wrap:wrap}.gm-entry-actions{width:100%;justify-content:flex-start}}
@media(max-width:950px){.street-columns{grid-template-columns:1fr}.social-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-right .panel{margin:0}.frame-wrap{min-height:650px}}@media(max-width:600px){.top{padding:12px 14px}.top-nav{order:3;width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.top-nav button{padding:10px}.top-right{margin-left:auto}.subnav{padding:10px 13px}.street-columns{gap:15px}.main-social{padding:18px 12px 55px}.social-right{grid-template-columns:1fr}.post,.compose,.note,.panel{padding:14px;border-radius:14px}.post-head{align-items:flex-start;flex-wrap:wrap}.post-ops{width:100%;justify-content:flex-start;padding-left:52px}.post-body{padding-top:12px}.compose-bottom{align-items:stretch;flex-direction:column}.compose-bottom input,.compose-bottom button{width:100%}.frame-wrap{height:calc(100dvh - 230px);min-height:650px}.top-right{gap:5px}.only-pc{display:inline-block;max-width:min(44vw,190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}}

/* 公會 GM 角色選取與雲端文字編輯 */
.gm-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.gm-fields-grid label{min-width:0;display:grid;gap:6px;font-size:12px;color:var(--muted)}.gm-fields-grid input,.gm-fields-grid textarea,.gm-fields-grid select{width:100%;min-width:0;padding:10px;border-radius:9px;border:1px solid var(--line);background:var(--input);color:var(--text)}.gm-settings-group{padding:12px 15px;border:1px solid var(--line);border-radius:12px;margin:13px 0;background:var(--surface2)}.gm-settings-group summary{font-weight:600;color:var(--text);cursor:pointer}.gm-checkbox{display:flex!important;align-items:center;gap:10px}.gm-checkbox input{width:auto!important}.gm-fields-grid textarea{min-height:70px;resize:vertical}@media(max-width:650px){.gm-fields-grid{grid-template-columns:1fr}}

/* 雲端委託辦理中心：保留原本公會 iframe 視覺，獨立提供可信任的雲端操作。 */
.cloud-work{max-width:1280px;margin:auto;padding:22px 24px 75px;min-height:530px;background:var(--bg)}
.cloud-work-head{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:0 0 20px}
.cloud-work-head h1{font:600 28px "Noto Serif TC",serif;margin:5px 0 7px}
.cloud-work-head p{font-size:12px;color:var(--muted)}
.cloud-switch{display:flex;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px;margin-bottom:20px}
.cloud-switch button{border:0;background:transparent;color:var(--muted);padding:10px 20px;border-radius:9px;cursor:pointer}
.cloud-switch button.active{background:var(--surface2);color:var(--text);box-shadow:inset 0 -2px var(--accent)}
.cloud-mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cloud-mission-card,.cloud-case{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.cloud-mission-card h2,.cloud-case h2{font:650 20px "Noto Serif TC",serif;margin:13px 0 8px}
.cloud-mission-card p,.cloud-case p{font-size:12px;color:var(--muted);line-height:1.85;margin:7px 0}
.cloud-meta{color:var(--hint);font-size:11px;line-height:1.9;padding:12px 0}
.cloud-mission-card details{margin:8px 0 16px;border-top:1px solid var(--line);padding-top:10px;font-size:12px}
.cloud-mission-card summary{color:var(--accent);cursor:pointer}
.cloud-mission-card .primary{margin-top:8px}.cloud-mission-card button:disabled{opacity:.46;cursor:not-allowed}
.cloud-case{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.cloud-case h2{font-size:18px}.cloud-disclaimer{margin:21px 0;font-size:11px;color:var(--hint)}
.gm-case{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;gap:13px;align-items:center}
.gm-case strong{font-size:14px}.gm-case p{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:760px){.cloud-work{padding:16px 13px 60px}.cloud-work-head{flex-wrap:wrap}.cloud-mission-grid{grid-template-columns:1fr}.cloud-case,.gm-case{flex-direction:column;align-items:stretch}.cloud-switch button{flex:1;padding:10px}.guildbar-actions{flex-wrap:wrap}}

/* Guild phase 4: cloud membership, commission desk and ledger (theme-aware) */
.guildbar-actions{flex-wrap:wrap;justify-content:flex-end}
.cloud-tabs{flex-wrap:wrap;position:sticky;top:0;z-index:3}.cloud-tabs button{flex:1 1 auto;white-space:nowrap}
.cloud-id-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.9fr);gap:18px;align-items:stretch}
.cloud-id-card{background:radial-gradient(circle at 105% -20%,#d8bd8644,transparent 65%),linear-gradient(135deg,#233b32,#14231e 75%);border:1px solid #789584;border-radius:18px;min-height:250px;box-shadow:var(--shadow);color:#f4ebd6;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.cloud-id-watermark{position:absolute;right:-7px;bottom:-33px;width:220px;height:220px;object-fit:contain;opacity:.13;pointer-events:none}.cloud-id-card{position:relative;overflow:hidden}.cloud-id-top,.cloud-id-profile,.cloud-id-bottom{position:relative;z-index:1}
.cloud-id-top,.cloud-id-bottom{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.08em}.cloud-id-top{color:#d6c9a4}.cloud-id-bottom{border-top:1px solid #ffffff29;padding-top:14px;color:#c4ddca}
.cloud-id-profile{display:flex;align-items:center;gap:18px}.cloud-id-profile h2{font:700 25px 'Noto Serif TC',serif;margin:5px 0}.cloud-id-profile small{font-size:9px;letter-spacing:.15em;color:#d5c7a1}.cloud-id-profile p{color:#b2c8bc;font-size:11px}
.cloud-id-profile .face{width:74px;height:74px;font-size:30px;flex:0 0 74px}
.cloud-id-aside{align-items:flex-start}.cloud-id-aside>div{width:100%}
.ledger-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(125deg,var(--surface2),var(--surface));margin-bottom:18px}
.ledger-hero small{font-size:10px;color:var(--accent);letter-spacing:.18em}.ledger-hero h2{font:700 24px 'Noto Serif TC',serif;margin:9px 0}.ledger-hero p{font-size:12px;color:var(--muted)}
.ledger-placeholder{min-width:160px;text-align:center;background:var(--panel);border:1px solid var(--line);padding:15px;border-radius:12px}.ledger-placeholder strong{display:block;font-size:42px;color:var(--accent)}.ledger-placeholder span{font-size:11px;color:var(--muted)}
.ledger-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}.ledger-stat-grid .cloud-case{display:block;min-height:145px}.ledger-stat-grid .cloud-case h2{font-size:22px}.ledger-section{margin:18px 0;display:block}.ledger-section>div{width:100%}
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.tier-grid>div{background:var(--surface2);padding:14px;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:3px}.tier-grid small{color:var(--hint)}.tier-grid strong{font-size:18px;color:var(--text)}.tier-grid span{font-size:11px;color:var(--accent)}
.ledger-rule{border-top:1px solid var(--line);padding:12px 4px}.ledger-rule summary{cursor:pointer;font-weight:650;color:var(--text);display:flex;justify-content:space-between}.ledger-rule p{padding:10px;color:var(--muted);line-height:1.9}.ledger-line{display:flex;justify-content:space-between;background:var(--surface2);padding:14px;border-radius:9px;margin:14px 0;gap:15px}
.badge-coming{padding:8px 12px;border:1px solid var(--line);border-radius:40px;color:var(--accent);font-size:11px;white-space:nowrap}
.guild-detail-form{display:grid;gap:11px;margin-top:14px}.guild-detail-form label{font-size:12px;display:grid;gap:6px;color:var(--muted)}.guild-detail-form input,.guild-detail-form select,.guild-detail-form textarea{width:100%;border:1px solid var(--line);background:var(--input);border-radius:9px;padding:11px;color:var(--text);min-width:0}
.guild-detail-form textarea{resize:vertical}.guild-detail-form .form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guild-detail-form .form-check{display:flex;align-items:center;gap:10px}.guild-detail-form .form-check input{width:auto}.form-end{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:9px;flex-wrap:wrap}
.mission-edit-modal{width:min(850px,calc(100vw - 24px));max-height:88vh;overflow:auto}.mission-edit-modal .guild-detail-form{gap:12px}.proposal-row{border-bottom:1px solid var(--line);padding:14px 0}.proposal-row>p{color:var(--muted);font-size:12px}.proposal-row .tag{margin-left:7px}.proposal-row details{margin-top:10px}
.gm-hub-nav{flex-wrap:wrap}.gm-hub-nav button{flex:1 1 150px;white-space:normal}
@media(max-width:850px){.cloud-id-layout{grid-template-columns:1fr}.ledger-stat-grid{grid-template-columns:1fr 1fr}.guildbar-actions{justify-content:flex-start}}
@media(max-width:580px){.cloud-id-card{padding:19px}.ledger-hero{flex-direction:column;align-items:stretch}.ledger-placeholder{min-width:0}.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-stat-grid{grid-template-columns:1fr}.guild-detail-form .form-grid-two{grid-template-columns:1fr}.cloud-id-watermark{position:absolute;right:-7px;bottom:-33px;width:220px;height:220px;object-fit:contain;opacity:.13;pointer-events:none}.cloud-id-card{position:relative;overflow:hidden}.cloud-id-top,.cloud-id-profile,.cloud-id-bottom{position:relative;z-index:1}
.cloud-id-top,.cloud-id-bottom{flex-wrap:wrap}.cloud-tabs button{padding:10px}}

.street-feed-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:20px 0 13px;padding-bottom:8px;border-bottom:1px solid var(--line)}.street-feed-label h2{font-size:16px;font-weight:600;margin:0;color:var(--text)}.street-feed-label span{font-size:12px;color:var(--hint)}@media(max-width:550px){.street-feed-label{align-items:flex-start;flex-direction:column;gap:3px}}
/* Phase 5 — guild navigation, inspired by the full single-player sidebar. */
.guild-workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 151px)}
.guild-sidebar{position:sticky;top:0;height:calc(100vh - 80px);min-height:580px;display:flex;flex-direction:column;align-self:start;padding:32px 16px 20px;background:linear-gradient(165deg,var(--surface),var(--shade));border-right:1px solid var(--line);z-index:4}
.guild-side-brand{display:flex;align-items:center;gap:12px;padding:0 9px 22px;border-bottom:1px solid var(--line)}
.guild-side-badge{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;border:1px solid var(--line);font-size:25px;color:var(--accent);background:var(--bg)}
.guild-side-brand strong{display:block;font-size:15px;letter-spacing:.045em}.guild-side-brand small{display:block;font-size:9px;letter-spacing:.11em;color:var(--hint);white-space:nowrap}
.guild-side-group{font-size:10px;letter-spacing:.17em;color:var(--hint);padding:27px 12px 9px}.guild-side-nav{display:grid;gap:4px}
.guild-side-link{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 13px;min-height:46px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;font-size:13px;cursor:pointer;transition:background .15s,color .15s,border .15s}
.guild-side-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;font:19px Georgia,serif;color:var(--hint)}
.guild-side-link:hover{background:var(--surface2);color:var(--text)}.guild-side-link.active{color:var(--text);background:var(--surface2);border-color:var(--line);box-shadow:0 6px 16px #00000012;font-weight:700}.guild-side-link.active .guild-side-icon{color:var(--primary)}
.guild-side-footer{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:16px;color:var(--muted);font-size:11px;letter-spacing:.025em}.guild-side-footer span{color:var(--accent);font:20px Georgia,serif}.guild-side-footer p{margin:5px 0 0;line-height:1.7}
.guild-workspace-main{min-width:0}.guildbar{padding:12px 26px}.guild-legacy-switch{display:none!important}
.guild-workspace .cloud-work{max-width:1330px;padding:30px 32px 80px}.guild-workspace .cloud-tabs{display:none}
.guild-workspace .frame-wrap{min-height:760px;height:calc(100vh - 220px)}
/* GM partition navigation on the left (same structure, still gated by Firebase). */
.gm-content{max-width:1390px}.gm-workspace{display:grid;grid-template-columns:215px minmax(0,1fr);gap:24px;align-items:start}
.gm-hub-nav{display:flex;flex-direction:column;align-items:stretch;position:sticky;top:20px;margin:0;padding:14px 10px;border-radius:14px;gap:5px}
.gm-hub-nav .gm-rail-title{font-size:10px;letter-spacing:.13em;color:var(--hint);padding:10px 9px 14px}.gm-hub-nav button{flex:none;text-align:left;white-space:normal;width:100%;min-height:43px}.gm-workspace-content{min-width:0}
/* Exact classic identity composition with a genuine transparent RGBA original watermark. */
.identity-page-head{padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:24px}.identity-header-mark{font:italic 11px Georgia,serif;color:var(--hint);letter-spacing:.12em}
.identity-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.88fr);gap:20px;align-items:start}
.identity-left-stack,.identity-right-stack{display:grid;gap:18px;min-width:0}
.cloud-id-card{position:relative;overflow:hidden;padding:31px 32px 28px;min-height:325px;display:flex;flex-direction:column;gap:0;justify-content:initial;color:#f4eee0;background:radial-gradient(circle at 86% 7%,rgba(235,208,160,.085),transparent 43%),linear-gradient(130deg,#293d32,#182722 65%,#2b3b31);border:1px solid #849985;border-radius:18px;box-shadow:0 20px 40px #080e0a32,inset 0 0 0 1px #d8c39222}
.cloud-id-card:before{content:"";position:absolute;inset:10px;border:1px solid #dec5962c;border-radius:12px;pointer-events:none}
.cloud-id-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,#f7d69e0e,transparent 18%)}
.cloud-id-watermark{position:absolute;right:-25px;bottom:20px;width:min(53%,270px);height:auto;object-fit:contain;opacity:.15;pointer-events:none;mix-blend-mode:normal;z-index:0;filter:drop-shadow(0 0 12px #dcbb7b15)}
.cloud-id-card>*:not(.cloud-id-watermark):not(.identity-corner){position:relative;z-index:2}.identity-corner{position:absolute;font:18px Georgia,serif;color:#c9ac7a55}.identity-corner-a{left:18px;top:13px}.identity-corner-b{right:18px;bottom:13px}
.cloud-id-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:normal}
.cloud-id-heading{display:flex;align-items:center;gap:10px;min-width:0}.cloud-id-heading h2{font:700 clamp(18px,2vw,25px) "Noto Serif TC",serif;letter-spacing:.06em;color:#eee6d7;margin:0 0 4px;line-height:1.4}
.cloud-id-heading small{font:11px Georgia,serif;color:#b6d0c0;letter-spacing:.16em}.cloud-id-logo{width:36px;height:36px;display:grid;place-items:center;flex:none;background:#15231e;border:1px solid #dbc48a55;border-radius:9px}.cloud-id-logo img{max-width:32px;max-height:27px;object-fit:contain}
.cloud-id-topright{font:10px Georgia,serif;color:#d6c5a4;letter-spacing:.1em;white-space:nowrap;padding-top:5px}
.cloud-id-holder{display:flex;flex-direction:column;margin-top:54px;gap:5px}.cloud-id-holder small{color:#b6cbb8;font-size:9px;letter-spacing:.23em}.cloud-id-holder strong{font:700 clamp(22px,2.3vw,31px) "Noto Serif TC",serif;letter-spacing:.045em;color:#f3eee2;line-height:1.4}.cloud-id-holder>span{font-size:10px;letter-spacing:.11em;color:#bad0be}
.cloud-id-ornament{display:flex;align-items:center;gap:14px;color:#dabf8e;margin-top:17px}.cloud-id-ornament i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#dfc48e75)}.cloud-id-ornament i:last-child{background:linear-gradient(90deg,#dfc48e75,transparent)}.cloud-id-ornament b{font:16px Georgia,serif}
.cloud-id-sigils{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:8px;color:#d8c299;font:600 10px system-ui,sans-serif;letter-spacing:.27em}.cloud-id-sigils i{height:4px;width:4px;border-radius:50%;background:#d3ad75}
.cloud-id-registry{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;color:#c1d0c5;font:italic 11px Georgia,serif;letter-spacing:.08em}.cloud-id-registry span{height:1px;width:45px;background:linear-gradient(90deg,transparent,#dcc68a6b,transparent)}
.identity-features,.identity-members,.identity-avatar-panel{padding:23px 24px}.identity-features h2,.identity-members h2,.identity-avatar-panel h2{font:700 19px "Noto Serif TC",serif;margin:4px 0 9px}.identity-quiet{color:var(--muted);font-size:12px;margin-bottom:10px}
.identity-feature-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:14px 1px;border-bottom:1px solid var(--line)}.identity-feature-row:last-child{border-bottom:0}.identity-feature-row strong{display:block;font-size:13px}.identity-feature-row small{display:block;color:var(--hint);font-size:11px;margin-top:3px}
.identity-pill{white-space:nowrap;border:1px solid var(--line);background:var(--shade);padding:5px 9px;border-radius:7px;font-size:11px;color:var(--muted)}.identity-pill.valid{color:#a6d4bb;border-color:#638871;background:#224231}.identity-pill.muted{color:var(--muted)}
.identity-section-heading{display:flex;justify-content:space-between;align-items:center}.identity-flower{font:30px Georgia,serif;color:var(--accent);opacity:.55}.identity-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.identity-metrics>div{min-width:0;background:var(--shade);border:1px solid var(--line);padding:14px;border-radius:9px}.identity-metrics small{display:block;color:var(--hint);font-size:11px}.identity-metrics strong{display:block;margin-top:9px;font:700 23px Georgia,"Noto Serif TC",serif;color:var(--text);line-height:1.2}.identity-metrics strong em{font:normal 11px system-ui,sans-serif;color:var(--muted)}.identity-metrics .identity-status{font-size:15px;line-height:1.7}
.identity-progress-head{display:flex;justify-content:space-between;gap:10px;margin:23px 0 8px;color:var(--muted);font-size:11px}.identity-progress-head strong{color:var(--text)}.identity-progress{height:8px;border-radius:99px;background:var(--surface2);overflow:hidden;border:1px solid var(--line)}.identity-progress i{height:100%;display:block;background:linear-gradient(90deg,#7aab8d,#d1c492);border-radius:99px}
.identity-member-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:17px}.identity-expiry{margin-top:15px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:12px}.identity-expiry span{color:var(--hint)}.identity-expiry strong{color:var(--text)}
.identity-avatar-content{display:flex;gap:15px;align-items:center;margin-top:13px}.identity-avatar-content .face{flex:0 0 62px}.identity-avatar-content>div{display:flex;flex-direction:column;gap:5px;min-width:0}.identity-avatar-content strong{font-size:14px}.identity-avatar-content small{font-size:11px;color:var(--hint)}.identity-avatar-content a{font-size:12px;color:var(--accent);text-decoration:none}.identity-avatar-content a:hover{text-decoration:underline}.identity-avatar-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:18px;padding-top:12px}
:root[data-theme=blue] .identity-pill.valid{background:#e2f4e9;color:#306748;border-color:#aad6ba}:root[data-theme=pink] .identity-pill.valid{background:#fae8f0;color:#86526d;border-color:#deb6c8}
@media(max-width:1130px){.identity-columns{grid-template-columns:1fr}.guild-workspace{grid-template-columns:215px minmax(0,1fr)}.guild-sidebar{padding:25px 10px}.gm-workspace{grid-template-columns:195px minmax(0,1fr)}}
@media(max-width:820px){.guild-workspace{display:block}.guild-sidebar{position:static;height:auto;min-height:0;padding:13px 14px}.guild-side-brand,.guild-side-group,.guild-side-footer{display:none}.guild-side-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.guild-side-link{width:auto;min-height:38px;white-space:nowrap;flex:none;padding:7px 12px}.guild-side-icon{font-size:15px;width:16px}.guild-workspace .cloud-work{padding:21px 16px 70px}.guild-workspace .frame-wrap{height:calc(100vh - 242px);min-height:690px}.gm-workspace{display:block}.gm-hub-nav{display:flex;flex-direction:row;flex-wrap:wrap;position:static;margin-bottom:18px}.gm-hub-nav .gm-rail-title{width:100%;padding:3px 10px}.gm-hub-nav button{width:auto;flex:1 1 130px}}
@media(max-width:550px){.cloud-id-card{min-height:310px;padding:25px 20px 22px}.cloud-id-top{gap:8px}.cloud-id-logo{display:none}.cloud-id-topright{font-size:9px;max-width:115px;white-space:normal;text-align:right}.cloud-id-holder{margin-top:55px}.identity-features,.identity-members,.identity-avatar-panel{padding:20px 17px}.identity-header-mark{display:none}.identity-feature-row{align-items:flex-start}.identity-pill{white-space:normal;text-align:right}.cloud-id-watermark{width:57%;right:-13px;bottom:32px}}

/* 第六階段：頂部精簡，底部配色控制 */
.inora-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;text-align:left;padding:19px max(20px,calc((100vw - 1370px)/2))!important}
.footer-theme{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.footer-theme>span{font-size:11px;color:var(--muted);margin-right:9px}
.footer-theme button{padding:7px 12px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:9px;font-size:11px}
.footer-theme button.active{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:750}
.footer-theme button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.inora-footer{justify-content:center;text-align:center}.footer-theme{justify-content:center}}

/* 第六階段：遵照單機版帳本的雅緻墨綠／燙金卡冊結構；淺色主題同步 */
.ledger-page-head{margin-bottom:24px}
.ledger-gilt-kicker{font-size:10px;font-weight:750;letter-spacing:.18em;color:var(--accent);margin-bottom:8px}
.ledger-deluxe-hero{position:relative;display:flex;gap:25px;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid var(--line);background:linear-gradient(116deg,var(--surface2),var(--surface));border-radius:20px;padding:36px 37px;margin-bottom:28px;min-height:255px;box-shadow:0 20px 42px rgba(0,0,0,.07)}
.ledger-deluxe-hero:before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:12px;pointer-events:none}
.ledger-hero-ornament{position:absolute;right:30%;top:23px;color:var(--accent);opacity:.45;font:21px Georgia,serif;letter-spacing:.55em}
.ledger-deluxe-hero>div:nth-child(2){position:relative;z-index:1;max-width:650px}
.ledger-deluxe-hero h2{font:750 clamp(25px,3vw,36px)/1.5 "Noto Serif TC","PMingLiU",serif;letter-spacing:.05em;margin:7px 0 13px;color:var(--text)}
.ledger-deluxe-hero p{font-size:13px;color:var(--muted);line-height:1.9}
.ledger-deluxe-stage{position:relative;z-index:1;flex:0 0 185px;min-height:165px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 83%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;border-radius:13px}
.ledger-deluxe-stage span{font-size:12px;color:var(--muted)}.ledger-deluxe-stage strong{font:700 55px Georgia,serif;color:var(--accent);line-height:1.3}.ledger-deluxe-stage small{font-size:11px;color:var(--muted)}
.ledger-deluxe-sectionhead{display:flex;align-items:flex-start;gap:20px;margin:27px 0 14px}.ledger-deluxe-sectionhead>span{font:12px Georgia,serif;letter-spacing:.10em;white-space:nowrap;color:var(--accent);padding-top:8px;border-right:1px solid var(--line);padding-right:18px}.ledger-deluxe-sectionhead h2{font:700 21px "Noto Serif TC",serif;color:var(--text);margin:0 0 4px}.ledger-deluxe-sectionhead p{font-size:12px;color:var(--muted)}
.ledger-deluxe-panel{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 35%),var(--surface);border-radius:15px;padding:23px 24px;overflow:hidden}
.ledger-deluxe-panel:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 35%,transparent),transparent);pointer-events:none}
.ledger-deluxe-panelhead{display:flex;justify-content:space-between;gap:13px;align-items:start;margin-bottom:18px}.ledger-deluxe-panelhead h3{font:700 20px "Noto Serif TC",serif;letter-spacing:.025em;color:var(--text)}.ledger-subnote{font-size:11px;color:var(--muted);max-width:290px;text-align:right}
.ledger-deluxe-tiergrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.ledger-deluxe-tier{min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;position:relative;border:1px solid var(--line);border-radius:11px;background:var(--surface2);padding:20px 8px 18px}.ledger-deluxe-tier:before{content:"◇";color:var(--accent);font:13px Georgia,serif;opacity:.7}.ledger-tier-roman{font:italic 14px Georgia,serif;color:var(--accent)}.ledger-deluxe-tier strong{font:700 18px "Noto Serif TC",serif;color:var(--text)}.ledger-deluxe-tier small{font-size:11px;color:var(--muted)}
.ledger-deluxe-finance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ledger-deluxe-finance>.ledger-deluxe-panel{min-height:235px}.ledger-seal{font:30px Georgia,serif;line-height:1;color:var(--accent);opacity:.65}
.ledger-deluxe-balance{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:15px 0 17px}.ledger-deluxe-balance span{font-size:12px;color:var(--muted)}.ledger-deluxe-balance strong{font:750 33px Georgia,serif;white-space:nowrap;color:var(--accent)}.ledger-deluxe-balance em{font:normal 12px "Noto Serif TC",serif}.ledger-ledger-note{font-size:11px;line-height:1.8;margin-top:16px;color:var(--muted)}
.ledger-deluxe-pending{font:700 22px "Noto Serif TC",serif;color:var(--text);margin:9px 0 14px}.ledger-deluxe-panel p{font-size:12px;color:var(--muted);line-height:1.8}.ledger-deluxe-thin{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:14px;padding-top:12px;line-height:1.75}.ledger-diamond-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:17px 0}.ledger-diamond-row i{width:13px;height:13px;transform:rotate(45deg);border:1px solid var(--accent);border-radius:3px;opacity:.45}.ledger-diamond-row span{font-size:11px;margin-left:5px;color:var(--muted)}.ledger-deluxe-empty{margin:13px 0 15px;border:1px dashed var(--line);border-radius:10px;padding:15px;text-align:center;font-size:12px;line-height:1.9;color:var(--muted)}
.ledger-deluxe-droplet{display:grid;grid-template-columns:70px minmax(0,1fr) 165px;gap:23px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:28px;background:linear-gradient(105deg,color-mix(in srgb,var(--accent) 6%,var(--surface2)),var(--surface));position:relative}.ledger-deluxe-droplet-symbol{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:45px Georgia,serif;color:var(--accent)}.ledger-droplet-detail h3{font:700 25px "Noto Serif TC",serif;margin:0 0 6px;color:var(--text)}.ledger-droplet-detail p{font-size:12px;line-height:1.8;color:var(--muted)}.ledger-droplet-sum{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;align-items:flex-start}.ledger-droplet-sum small,.ledger-droplet-sum span{font-size:11px;color:var(--muted)}.ledger-droplet-sum strong{font:700 47px Georgia,serif;color:var(--accent)}
.ledger-rules-panel{padding:5px 24px}.ledger-deluxe-rule{border-bottom:1px solid var(--line)}.ledger-deluxe-rule:last-child{border:0}.ledger-deluxe-rule summary{display:flex;align-items:center;gap:14px;padding:20px 2px;cursor:pointer;list-style:none}.ledger-deluxe-rule summary::-webkit-details-marker{display:none}.ledger-rule-no{font:italic 15px Georgia,serif;color:var(--accent);min-width:27px}.ledger-deluxe-rule summary strong{font:700 15px "Noto Serif TC",serif;flex:1;color:var(--text)}.ledger-plus{color:var(--accent);font-size:20px}.ledger-deluxe-rule[open] .ledger-plus{transform:rotate(45deg)}.ledger-deluxe-rule p{padding:0 8px 22px 43px;color:var(--muted);font-size:12px;line-height:2}
.ledger-deluxe-caution{margin-top:20px;padding:20px 23px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--muted)}.ledger-deluxe-caution strong{font-size:13px;color:var(--text)}.ledger-deluxe-caution p{font-size:12px;line-height:1.85;margin:7px 0 0}
@media(max-width:1100px){.ledger-deluxe-tiergrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ledger-deluxe-finance{grid-template-columns:1fr}.ledger-deluxe-droplet{grid-template-columns:55px minmax(0,1fr)}.ledger-droplet-sum{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;align-items:center}.ledger-deluxe-droplet-symbol{width:55px;height:55px}.ledger-deluxe-hero{flex-direction:column;align-items:stretch;padding:28px 23px}.ledger-deluxe-stage{flex:auto;min-height:120px}.ledger-deluxe-sectionhead{flex-direction:column;gap:7px}.ledger-deluxe-sectionhead>span{border-right:0;border-bottom:1px solid var(--line);padding:0 0 7px}.ledger-deluxe-tiergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-deluxe-panel{padding:20px}.ledger-rules-panel{padding:0 16px}}


/* Phase 7: keep full transparent insignia inside miniature brand frames. */
.guild-side-badge,.brand-emblem{overflow:hidden;flex:0 0 auto;min-width:0;box-sizing:border-box;isolation:isolate}
.guild-side-badge{width:43px;height:43px;padding:5px;position:relative}
.guild-side-badge img{width:100%!important;height:100%!important;max-width:31px;max-height:31px;display:block;object-fit:contain;object-position:center;min-width:0;min-height:0}
.brand-emblem{width:48px;height:48px;padding:6px;position:relative;border-radius:13px;background:var(--surface2)}
.brand-emblem img{width:100%!important;height:100%!important;max-width:36px;max-height:36px;display:block;object-fit:contain;object-position:center;min-width:0;min-height:0}
.guild-side-brand>div:last-child{min-width:0}.guild-side-brand strong,.guild-side-brand small{overflow-wrap:anywhere}
/* Append-only ledger presentation, no fictitious current balances. */
.ledger-record-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0}
.ledger-record-toolbar p{color:var(--muted);font-size:12px;margin:4px 0 0}
.ledger-entry-list{display:grid;gap:10px;margin-top:16px}
.ledger-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;background:var(--surface2);border:1px solid var(--line);border-radius:11px}
.ledger-entry strong{font-size:13px;color:var(--text);overflow-wrap:anywhere}.ledger-entry small{display:block;font-size:11px;color:var(--hint);margin-top:3px}
.ledger-entry b{font-size:19px;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.ledger-entry b.negative{color:#be7772}
.ledger-entry-empty{color:var(--muted);font-size:12px;padding:22px;border:1px dashed var(--line);border-radius:11px;text-align:center}
.ledger-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ledger-record-grid section{min-width:0}
.ledger-record-sum{font-family:Georgia,serif;color:var(--text);font-size:25px}.ledger-record-sum span{font:12px system-ui,sans-serif;color:var(--muted)}
.ledger-gm-form{display:grid;gap:13px;margin-top:18px}.ledger-gm-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.ledger-gm-form input,.ledger-gm-form select,.ledger-gm-form textarea{min-width:0;width:100%;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:9px;padding:11px}
.ledger-gm-summary{margin-top:16px}.ledger-scope-note{color:var(--muted);font-size:12px;line-height:1.8}
@media(max-width:820px){.ledger-record-grid{grid-template-columns:1fr}}

/* Phase 8: compact GM tier editor and stable-work applications */
.gm-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gm-tier-item{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:17px;display:grid;gap:7px}
.gm-tier-item label{display:grid;gap:6px;color:var(--muted);font-size:12px}
.gm-tier-item input{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--input)}
.gm-work-request{margin-top:15px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);display:grid;gap:12px}
.gm-work-request .gm-entry-info small{display:block;margin:5px 0}
.work-status{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.work-status strong{color:var(--accent)}.work-status span{color:var(--text)}
@media(max-width:950px){.gm-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.gm-tier-grid{grid-template-columns:1fr}}

/* Phase 9 · resident commission / steady work / dewdrop seal */
.steady-tag{display:inline-block;margin-left:5px;background:color-mix(in srgb,var(--accent) 13%,var(--surface));border:1px solid var(--line);color:var(--accent);font-size:11px}
.steady-apply-button{width:100%;margin-top:9px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text)}
.steady-apply-button:not(:disabled):hover{background:var(--surface2)}
.ledger-deluxe-droplet-symbol .dew-glyph{height:53px;width:45px;display:block;fill:none;color:var(--accent)}
.ledger-record-grid h3 .dew-glyph{display:inline-block;width:17px;height:20px;vertical-align:-3px;margin-right:5px;color:var(--accent)}
.steady-work-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
.steady-work-info>div{background:var(--surface2);border:1px solid var(--line);padding:13px;border-radius:10px;min-width:0}
.steady-work-info small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}
.steady-work-info strong{font-size:13px;color:var(--text);font-weight:650;overflow-wrap:anywhere}
.work-empty-scene{padding:12px 0}.work-empty-scene>strong{font:700 20px 'Noto Serif TC',serif;color:var(--text)}.work-empty-scene p{margin:10px 0 18px}
.gm-work-assign{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface2);margin:18px 0}
.gm-work-assign>h3,.gm-work-subtitle{font:700 18px 'Noto Serif TC',serif;color:var(--text);margin:10px 0 13px}
@media(max-width:800px){.steady-work-info{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.steady-work-info{grid-template-columns:1fr}.ledger-deluxe-droplet-symbol .dew-glyph{width:35px;height:42px}}

/* Phase 10 · condensed public commission navigation and GM archive management */
.cloud-work-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cloud-work-actions .primary:disabled{opacity:.45;cursor:not-allowed}
.gm-delete-mission{color:#d99590;border-color:color-mix(in srgb,#d99590 40%,var(--line))}
.gm-delete-mission:hover{background:color-mix(in srgb,#ae5148 11%,var(--surface2))}
.gm-mission-archive{border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin:17px 0 2px;background:var(--surface2)}
.gm-mission-archive summary{cursor:pointer;color:var(--text);font-size:13px;font-weight:650;padding:3px 0}
.gm-mission-archive>p{margin:9px 0;color:var(--muted);font-size:12px}
@media(max-width:650px){.cloud-work-actions{width:100%}.cloud-work-actions button{flex:1}.cloud-switch.cloud-tabs{flex-wrap:wrap}.cloud-switch.cloud-tabs button{flex:1 1 45%;padding:10px 9px}}

.ledger-entry{flex-wrap:wrap}.ledger-entry>div{min-width:0;overflow-wrap:anywhere}.ledger-entry>button{flex-shrink:0}

/* Player-only ledger: composition and proportions from THIS(3).html's pageWealth.
   Isolated from the GM admin screens; preserves the site's three selectable themes. */
.lp-ledger{--lp-mint:color-mix(in srgb,var(--primary) 55%,var(--text));--lp-gold:var(--accent);min-width:0}
.lp-ledger .ledger-page-head{margin-bottom:26px;align-items:flex-start}
.lp-sectionhead{position:relative;border-left:2px solid color-mix(in srgb,var(--lp-gold) 65%,transparent);padding:5px 0 9px 18px;margin:24px 0 16px}
.lp-sectionhead:before{content:"";position:absolute;left:-3px;top:5px;width:4px;height:24px;background:var(--lp-gold)}
.lp-sectionhead h2{font:700 21px/1.5 "Noto Serif TC","PMingLiU",serif;color:var(--text);margin:0 0 5px;letter-spacing:.045em}
.lp-sectionhead p{font-size:12px;line-height:1.85;color:var(--muted);max-width:790px;margin:0}
.lp-wealth-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid color-mix(in srgb,var(--lp-gold) 20%,var(--line));border-radius:17px;padding:29px 32px;min-height:175px;background:radial-gradient(ellipse at 74% 25%,color-mix(in srgb,var(--lp-gold) 10%,transparent),transparent 45%),linear-gradient(125deg,var(--surface2),var(--surface));box-shadow:0 16px 36px #0002}
.lp-wealth-hero:before{content:"";position:absolute;inset:11px;border:1px solid color-mix(in srgb,var(--lp-gold) 18%,transparent);border-radius:10px;pointer-events:none}
.lp-wealth-hero:after{content:"❖";position:absolute;right:34%;top:18px;font:29px Georgia,serif;color:var(--lp-gold);opacity:.17;pointer-events:none}
.lp-wealth-left,.lp-wealth-right{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.lp-wealth-left>span,.lp-wealth-right>span{font-size:12px;color:var(--muted)}
.lp-wealth-left>strong{font:750 clamp(25px,3vw,37px)/1.4 "Noto Serif TC",serif;color:var(--text);letter-spacing:.05em}
.lp-wealth-right{text-align:right;align-items:flex-end}
.lp-wealth-right>strong{font:700 clamp(28px,3vw,42px)/1.25 Georgia,"Noto Serif TC",serif;color:var(--lp-gold);font-variant-numeric:tabular-nums}
.lp-wealth-left>small,.lp-wealth-right>small{color:var(--hint);font-size:11px;line-height:1.8}
.lp-spacing{margin-top:19px}.lp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.lp-two>.lp-card{min-width:0;margin:0;padding:23px}
.lp-ledger .lp-card h3,.lp-ledger .lp-wallet h3{font:700 19px/1.5 "Noto Serif TC","PMingLiU",serif;letter-spacing:.025em;color:var(--text);margin:2px 0 15px}
.lp-card>p,.lp-card .lp-unavailable p{font-size:12px;color:var(--muted);line-height:1.85;margin:10px 0}
.lp-status{font:650 17px/1.65 "Noto Serif TC",serif;color:var(--text);margin:10px 0}
.lp-arrow{display:inline-block;padding:0 11px;color:var(--lp-gold)}
.lp-uses{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0}
.lp-uses>i{height:17px;width:17px;display:block;transform:rotate(45deg) scale(.82);border:1px solid var(--line);background:var(--surface2);border-radius:4px;margin:0 3px}
.lp-uses>i.on{background:var(--lp-mint);border-color:var(--lp-gold);box-shadow:0 0 8px color-mix(in srgb,var(--lp-gold) 24%,transparent)}
.lp-uses>span,.lp-muted,.lp-footnote{font-size:11px;color:var(--hint);line-height:1.75}
.lp-work-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:11px;font-size:13px}
.lp-work-line strong{overflow-wrap:anywhere}.lp-work-line span{font-size:12px;color:var(--accent)}
.lp-work-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}
.lp-work-metrics>div{padding:12px;border-radius:9px;background:var(--surface2);border:1px solid var(--line);min-width:0}
.lp-work-metrics small{display:block;margin-bottom:5px;color:var(--muted);font-size:11px}
.lp-work-metrics strong{font-size:12px;color:var(--text);overflow-wrap:anywhere}
.lp-card>.minor{margin-top:11px}.lp-unavailable{border-top:1px solid var(--line);padding-top:14px}
.lp-unavailable strong{font-size:14px;color:var(--text)}
.lp-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0 13px}
.lp-ledger .lp-title-row h3{margin:0}.lp-title-row h4{font-size:12px;color:var(--text);margin:0}
.lp-title-row small{font-size:11px;color:var(--hint)}
.lp-ledger .lp-txn-list .ledger-entry-list{margin:0;gap:0}
.lp-ledger .lp-txn-list .ledger-entry{padding:12px 0;border:0;border-radius:0;background:transparent;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;box-shadow:none}
.lp-ledger .lp-txn-list .ledger-entry:last-child{border-bottom:0}
.lp-ledger .lp-txn-list .ledger-entry b{font-size:15px;color:var(--lp-mint)}
.lp-ledger .lp-txn-list .ledger-entry b.negative{color:#d89c8d}
.lp-ledger .lp-txn-list .ledger-entry b small{display:inline;font-size:11px;font-family:inherit;font-weight:400;color:var(--muted)}
.lp-ledger .lp-txn-list .ledger-entry strong{font-size:12px;font-weight:600}
.lp-ledger .lp-txn-list .ledger-entry small{font-size:10px}
.lp-ledger .lp-txn-list .ledger-entry-empty{padding:16px 12px;margin:0}
.lp-ledger .lp-txn-list .ledger-scope-note{margin:12px 0 0;font-size:11px}
.lp-inline-details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.lp-inline-details summary{color:var(--accent);font-size:12px;cursor:pointer}
.lp-inline-details .ledger-entry-list{margin-top:9px}
.lp-player-section{border-top:1px solid var(--line);padding-top:13px;margin-top:32px}
.lp-player-section .lp-sectionhead{margin:12px 0 17px}
.lp-wallet{padding:25px!important;border-color:color-mix(in srgb,var(--lp-mint) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--lp-mint) 5%,var(--surface)),var(--surface))}
.lp-wallet-title{display:flex;justify-content:space-between;align-items:flex-start;gap:13px}
.lp-wallet-title h3{display:flex;align-items:center;gap:8px;margin:4px 0 2px!important}
.lp-wallet-title .dew-glyph{height:22px;width:18px;color:var(--lp-gold)}
.lp-wallet-title p{font-size:11px;color:var(--muted);margin:5px 0}
.lp-wallet-mark{font:40px Georgia,serif;color:var(--lp-gold);opacity:.42}
.lp-balance{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 20px;padding:14px 0 20px;border-bottom:1px solid color-mix(in srgb,var(--lp-gold) 27%,var(--line))}
.lp-balance>span{font-size:12px;color:var(--muted)}
.lp-balance strong{font:700 32px Georgia,serif;color:var(--lp-gold);font-variant-numeric:tabular-nums}
.lp-balance em{font:normal 12px "Noto Sans TC",sans-serif;color:var(--muted);margin-left:6px}
.lp-rules{margin-top:22px}
.lp-rules>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font:700 18px "Noto Serif TC",serif;color:var(--text)}
.lp-rules>summary::-webkit-details-marker{display:none}
.lp-rules>summary b{font:27px Arial,sans-serif;color:var(--lp-gold);transition:transform .18s}
.lp-rules[open]>summary b{transform:rotate(45deg)}
.lp-rules-body{border-top:1px solid var(--line);padding-top:15px;margin-top:19px}
.lp-rule-item h4{margin:15px 0 7px;font:650 14px "Noto Serif TC",serif;color:var(--text)}
.lp-rule-item p{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 10px}
.lp-tier-table{width:100%;border-collapse:collapse;margin:15px 0 22px;font-size:12px}
.lp-tier-table th{text-align:left;padding:10px 8px;color:var(--accent);border-bottom:1px solid var(--line)}
.lp-tier-table td{padding:11px 8px;border-bottom:1px solid var(--line);color:var(--muted)}
.lp-tier-table .lp-tier-current td{color:var(--text);background:color-mix(in srgb,var(--lp-gold) 9%,transparent)}
.lp-ledger .ledger-deluxe-panel:before{left:18px;right:18px}
@media(max-width:870px){.lp-two{grid-template-columns:1fr}.lp-wealth-hero{padding:25px}}
@media(max-width:580px){.lp-wealth-hero{flex-direction:column;align-items:stretch;gap:22px;padding:25px 20px}.lp-wealth-right{align-items:flex-start;text-align:left}.lp-balance{align-items:flex-start;flex-direction:column}.lp-balance strong{font-size:29px}.lp-two>.lp-card,.lp-wallet{padding:19px!important}.lp-work-metrics{grid-template-columns:1fr 1fr}.lp-sectionhead h2{font-size:18px}.lp-tier-table{font-size:11px}}


/* Ledger: prototype-inspired composition, theme-aware across all nested cards. */
.cloud-work:has(.lp-ledger){background:var(--lp-page-bg,var(--bg));}
:root[data-theme=original] .cloud-work:has(.lp-ledger){--lp-page-bg:#0b0d10;}
.lp-ledger{
  --lp-mint:#a9d5c0;--lp-gold:#dfc08d;--lp-head:#e8e8df;
  --lp-panel:#15191e;--lp-subpanel:#19231f;--lp-edge:#34483d;
  --lp-hero-a:#22362c;--lp-hero-b:#17231e;--lp-hero-c:#25352b;
  --lp-hero-ink:#f0e5ce;--lp-deco:#dfc08d;
  --lp-in:#a9d8b9;--lp-out:#dfc08d;
  --text:#f1f3f2;--muted:#96a29f;--hint:#7f918a;--line:#2b3533;
  --surface:#15191e;--surface2:#1e2723;--accent:#dfc08d;
  color:var(--text);position:relative;
}
/* The blue and pink themes replace the dark palette rather than applying dark ink on light panels. */
:root[data-theme=blue] .lp-ledger{
  --lp-mint:#3f7c9c;--lp-gold:#647f9e;--lp-head:#263f55;
  --lp-panel:#fff;--lp-subpanel:#edf5fa;--lp-edge:#b7d0e2;
  --lp-hero-a:#e4f1fa;--lp-hero-b:#f9fdff;--lp-hero-c:#e3eff9;
  --lp-hero-ink:#284c67;--lp-deco:#729abd;
  --lp-in:#357d70;--lp-out:#966b55;
  --text:#263f55;--muted:#526b80;--hint:#648398;--line:#afcede;
  --surface:#fff;--surface2:#e7f1f8;--accent:#597f9e;
}
:root[data-theme=pink] .lp-ledger{
  --lp-mint:#a8557c;--lp-gold:#b47c94;--lp-head:#57394a;
  --lp-panel:#fffafb;--lp-subpanel:#fff0f5;--lp-edge:#e6c1cd;
  --lp-hero-a:#f9e7ee;--lp-hero-b:#fffafb;--lp-hero-c:#f6e3ed;
  --lp-hero-ink:#763d5e;--lp-deco:#be7899;
  --lp-in:#467f70;--lp-out:#9b6b52;
  --text:#57394a;--muted:#876575;--hint:#956f80;--line:#e6c1cd;
  --surface:#fffafb;--surface2:#fae7ed;--accent:#ac7289;
}
.lp-ledger .ledger-page-head{padding:11px 0 6px;}
.lp-ledger .ledger-page-head h1{font:700 clamp(27px,3vw,32px)/1.45 'Noto Serif TC','PMingLiU',serif;letter-spacing:.035em;color:var(--text);}
.lp-ledger .ledger-page-head .kicker,.lp-ledger .ledger-gilt-kicker{color:var(--lp-gold);}
.lp-ledger .ledger-page-head p{max-width:760px;line-height:1.8;}
.lp-ledger .lp-sectionhead{border-left-color:color-mix(in srgb,var(--lp-deco) 58%,transparent);margin-top:27px;}
.lp-ledger .lp-sectionhead:before{background:var(--lp-deco);}
.lp-ledger .lp-wealth-hero{background:radial-gradient(ellipse at 75% 25%,color-mix(in srgb,var(--lp-deco) 11%,transparent),transparent 46%),linear-gradient(125deg,var(--lp-hero-a),var(--lp-hero-b) 72%,var(--lp-hero-c));border:1px solid var(--lp-edge);box-shadow:0 18px 35px #0002;}
.lp-ledger .lp-wealth-hero:before{border-color:color-mix(in srgb,var(--lp-deco) 25%,transparent);}
.lp-ledger .lp-wealth-left>strong,.lp-ledger .lp-wealth-right>strong{color:var(--lp-hero-ink);}
.lp-ledger .lp-wealth-left>span,.lp-ledger .lp-wealth-right>span{color:var(--muted);}
.lp-ledger .ledger-deluxe-panel{background:linear-gradient(160deg,color-mix(in srgb,var(--lp-deco) 3%,transparent),transparent 41%),var(--lp-panel);border:1px solid var(--lp-edge);border-radius:14px;box-shadow:inset 0 1px color-mix(in srgb,var(--lp-deco) 9%,transparent);color:var(--text);}
.lp-ledger .ledger-deluxe-panel:after{content:'';position:absolute;top:12px;right:12px;width:27px;height:27px;border-top:1px solid color-mix(in srgb,var(--lp-deco) 25%,transparent);border-right:1px solid color-mix(in srgb,var(--lp-deco) 25%,transparent);border-radius:0 12px 0 0;pointer-events:none;}
.lp-ledger .lp-card h3,.lp-ledger .lp-wallet h3,.lp-ledger .lp-routine h3{font-family:'Noto Serif TC','PMingLiU',serif;font-weight:700;color:var(--lp-head);}
.lp-ledger .lp-work-metrics>div{border-color:var(--lp-edge);background:var(--lp-subpanel);}
.lp-ledger .lp-unavailable{border-color:var(--lp-edge);}
.lp-ledger .lp-txn-list .ledger-entry{border-bottom-color:var(--lp-edge);color:var(--text);}
.lp-ledger .lp-txn-list .ledger-entry b{color:var(--lp-in);}
.lp-ledger .lp-txn-list .ledger-entry b.negative{color:var(--lp-out);}
.lp-ledger .lp-txn-list .ledger-entry strong{color:var(--text);}
.lp-ledger .lp-wallet{background:linear-gradient(125deg,color-mix(in srgb,var(--lp-deco) 5%,transparent),transparent 46%),var(--lp-panel);border-color:var(--lp-edge);}
.lp-ledger .lp-balance{border-color:color-mix(in srgb,var(--lp-deco) 28%,var(--line));}
.lp-ledger .lp-balance strong{color:var(--lp-hero-ink);}
.lp-ledger .lp-rules{border-color:var(--lp-edge);}
.lp-ledger .lp-tier-table th{color:var(--lp-gold);border-color:var(--lp-edge);}
.lp-ledger .lp-tier-table td{border-color:var(--lp-edge);color:var(--muted);}
.lp-ledger .lp-routine{padding:20px 23px;}
.lp-ledger .lp-routine h3{font-size:17px;margin:5px 0 12px;}
.lp-ledger .lp-routine-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0 10px;border-top:1px solid var(--lp-edge);border-bottom:1px solid var(--lp-edge);}
.lp-ledger .lp-routine-line strong{font-size:13px;color:var(--text);overflow-wrap:anywhere;}
.lp-ledger .lp-routine-line span{font-size:12px;color:var(--lp-mint);white-space:nowrap;}
.lp-ledger button.minor{border-color:var(--lp-edge);background:var(--surface2);color:var(--text);}
.lp-ledger button.minor:hover{background:color-mix(in srgb,var(--lp-mint) 15%,var(--surface));}
.lp-ledger .lp-player-section{border-color:var(--lp-edge);}
.lp-ledger .lp-wallet-title .dew-glyph{color:var(--lp-gold);}
.lp-ledger .lp-work-line span,.lp-ledger .lp-inline-details summary{color:var(--lp-mint);}
.lp-ledger .lp-uses>i.on{background:var(--lp-mint);border-color:var(--lp-gold);}
.lp-ledger .lp-uses>i,.lp-ledger .lp-work-metrics>div{border-color:var(--lp-edge);}
.lp-ledger .ledger-entry-empty,.lp-ledger .ledger-scope-note,.lp-ledger .lp-footnote{color:var(--hint);}
.lp-ledger .lp-rules-body,.lp-ledger .lp-unavailable{border-color:var(--lp-edge);}
.lp-ledger .lp-tier-current td{background:color-mix(in srgb,var(--lp-deco) 11%,transparent);color:var(--text);}
@media(max-width:560px){.lp-ledger .lp-routine-line{flex-direction:column;align-items:flex-start;gap:5px}.lp-ledger .lp-routine-line span{white-space:normal}}


/* Public commissions · THIS(3).html mission board and submission page; live Firestore flow unchanged. */
.cloud-commission-board{--cm-panel:var(--surface);--cm-soft:var(--surface2);--cm-edge:var(--line);--cm-text:var(--text);--cm-secondary:var(--muted);--cm-subtle:var(--hint);--cm-highlight:var(--accent);--cm-warm:#dfc08d;--cm-positive:#a9d5c0;--cm-tag-bg:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--cm-text)}
:root[data-theme=blue] .cloud-commission-board{--cm-warm:#946c3d;--cm-positive:#347b79;--cm-tag-bg:#e6f1f6}
:root[data-theme=pink] .cloud-commission-board{--cm-warm:#956a47;--cm-positive:#93607b;--cm-tag-bg:#f8e9ee}
.cloud-commission-board .cm-heading{position:relative;align-items:flex-start;margin:4px 0 23px}
.cloud-commission-board .cm-heading .kicker{font-weight:750;letter-spacing:.17em;color:var(--cm-highlight)}
.cloud-commission-board .cm-heading h1{font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:.04em;padding-bottom:10px;margin-top:6px}
.cloud-commission-board .cm-heading h1:after{content:"";width:92px;height:1px;background:linear-gradient(90deg,var(--cm-warm),transparent);display:block;margin-top:10px}
.cloud-commission-board .cm-heading p{max-width:760px;font-size:13px;line-height:1.75;color:var(--cm-secondary)}
.cm-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:21px 0 20px}
.cm-toolbar .cm-search{display:flex;align-items:center;gap:10px;min-width:210px;flex:1 1 290px;padding:0 13px;height:44px;background:var(--cm-panel);border:1px solid var(--cm-edge);border-radius:10px;box-shadow:inset 0 1px 0 #ffffff06}
.cm-search>span{font-size:21px;color:var(--cm-subtle);line-height:1}
.cm-toolbar input{height:100%;background:transparent;min-width:0;width:100%;border:0;outline:0;color:var(--cm-text);font-size:13px}
.cm-toolbar input::placeholder{color:var(--cm-subtle)}
.cm-toolbar .cm-search:focus-within{border-color:var(--cm-highlight);box-shadow:0 0 0 2px color-mix(in srgb,var(--cm-highlight) 12%,transparent)}
.cm-select{appearance:auto;min-height:44px;min-width:124px;border:1px solid var(--cm-edge);border-radius:10px;padding:9px 11px;background:var(--input);color:var(--cm-text);font-size:12px}
.cm-outline-button,.cm-refresh-button,.cm-detail-button{font:650 12px 'Noto Sans TC',system-ui,sans-serif;cursor:pointer;min-height:41px;border-radius:9px;border:1px solid var(--cm-edge);color:var(--cm-text);background:var(--cm-soft);padding:9px 14px;transition:background .17s,border-color .17s,transform .17s}
.cm-outline-button:hover:not(:disabled),.cm-refresh-button:hover:not(:disabled){background:var(--cm-tag-bg);border-color:var(--cm-highlight)}
.cm-quiet-label{border:1px solid var(--cm-edge);padding:5px 10px;border-radius:7px;font-size:11px;color:var(--cm-subtle)}
.cm-results-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 15px;color:var(--cm-secondary);font-size:12px}
.cm-grid{gap:15px;align-items:stretch}
.cm-card{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:13px;padding:20px;background:linear-gradient(155deg,color-mix(in srgb,var(--cm-highlight) 3%,var(--cm-panel)),var(--cm-panel) 58%);border:1px solid var(--cm-edge);border-radius:13px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cm-text) 3%,transparent);transition:border-color .17s,box-shadow .17s,transform .17s}
.cm-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cm-warm) 30%,transparent),transparent);pointer-events:none}
.cm-card:after{content:"";position:absolute;right:11px;top:10px;width:24px;height:24px;border-top:1px solid color-mix(in srgb,var(--cm-warm) 20%,transparent);border-right:1px solid color-mix(in srgb,var(--cm-warm) 20%,transparent);border-top-right-radius:11px;pointer-events:none}
.cm-card:hover{border-color:color-mix(in srgb,var(--cm-highlight) 45%,var(--cm-edge));transform:translateY(-2px);box-shadow:0 13px 28px color-mix(in srgb,var(--cm-text) 9%,transparent)}
.cm-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:25px;padding-right:12px}
.cm-tag{display:inline-flex;align-items:center;font-size:11px;line-height:1.55;padding:3px 8px;border-radius:6px;color:var(--cm-text);background:var(--cm-tag-bg);border:1px solid var(--cm-edge);white-space:nowrap}
.cm-tag-gold{color:var(--cm-warm);background:color-mix(in srgb,var(--cm-warm) 10%,var(--cm-panel));border-color:color-mix(in srgb,var(--cm-warm) 40%,var(--cm-edge))}
.cm-tag-mint{color:var(--cm-positive);background:color-mix(in srgb,var(--cm-positive) 10%,var(--cm-panel));border-color:color-mix(in srgb,var(--cm-positive) 38%,var(--cm-edge))}
.cm-tag-muted{color:var(--cm-subtle);background:var(--cm-soft)}
.cm-card-category{font-size:11px;color:var(--cm-subtle);margin-left:auto}
.cm-card-copy{min-height:92px}
.cm-card h2{font-size:17px;line-height:1.5;font-weight:700;color:var(--cm-text);margin:0 0 7px}
.cm-card p{font-size:12px;line-height:1.8;min-height:37px;color:var(--cm-secondary);margin:0;overflow-wrap:anywhere}
.cm-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--cm-edge);padding-top:12px;font-size:11px;color:var(--cm-secondary)}
.cm-card-meta strong{color:var(--cm-warm);font-weight:650;text-align:right;overflow-wrap:anywhere}
.cm-card-bonus{font-size:11px;color:var(--cm-warm);line-height:1.6}
.cm-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}
.cm-card-area{font-size:11px;color:var(--cm-subtle);overflow-wrap:anywhere}
.cm-detail-button{padding:9px 13px;background:var(--cm-soft);border-color:var(--cm-edge);font-weight:650;color:var(--cm-text)}
.cm-detail-button:hover{border-color:var(--cm-highlight);background:var(--cm-tag-bg)}
.cm-detail-button span{font-size:17px;vertical-align:-1px;margin-left:7px}
.cm-detail-button.cm-already{color:var(--cm-positive)}
.cm-empty{border:1px dashed var(--cm-edge);padding:46px 22px;text-align:center;border-radius:14px;background:var(--cm-panel)}
.cm-empty>div{font-size:32px;color:var(--cm-subtle)}.cm-empty h3{font-size:16px;color:var(--cm-text);margin:8px 0}.cm-empty p{color:var(--cm-secondary);font-size:12px}
.cm-dialog,.cm-gm-editor{--cm-dialog-warm:var(--accent);width:min(760px,calc(100vw - 25px));border-color:var(--line);background:var(--surface);color:var(--text)}
.cm-dialog-head{align-items:flex-start}.cm-dialog-head h2{font:700 24px 'Noto Serif TC',serif;margin:5px 0 12px;color:var(--text)}.cm-dialog-tags{display:flex;gap:6px;flex-wrap:wrap}
.cm-dialog .cm-tag{background:var(--surface2);color:var(--text);border-color:var(--line)}.cm-dialog .cm-tag-gold{color:var(--accent);background:var(--surface2)}
.cm-dialog-body{padding:22px 26px;max-height:63vh;overflow:auto}.cm-dialog-intro{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 22px}
.cm-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cm-detail-fields>div{border:1px solid var(--line);background:var(--surface2);padding:12px 14px;border-radius:10px;min-width:0}
.cm-detail-fields small{display:block;color:var(--hint);font-size:11px;margin-bottom:6px}.cm-detail-fields strong{color:var(--text);font-size:13px;overflow-wrap:anywhere;font-weight:650}
.cm-dialog-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.cm-dialog-section h3{font-size:15px;margin:0 0 10px;color:var(--text)}.cm-dialog-section p{font-size:13px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}
.cm-dialog-rewards{display:flex;gap:8px;flex-wrap:wrap}.cm-reward-chip{border:1px solid var(--line);background:var(--surface2);padding:8px 12px;border-radius:8px;color:var(--muted);font-size:12px}.cm-reward-chip b{color:var(--accent);margin-left:3px}.cm-dialog .cm-dialog-hint{font-size:11px;margin-top:11px;color:var(--hint)}.cm-dialog-message{background:var(--surface2);border:1px solid var(--line);padding:13px;border-radius:10px;font-size:12px;color:var(--muted)}
.cm-dialog-actions{border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;padding:17px 26px;flex-wrap:wrap}
.cm-submit-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:20px;align-items:start}
.cm-form-panel{background:linear-gradient(165deg,color-mix(in srgb,var(--cm-highlight) 3%,var(--cm-panel)),var(--cm-panel));border:1px solid var(--cm-edge);border-radius:14px;padding:23px;min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cm-text) 3%,transparent)}
.cm-form-panel>h2,.cm-history-head h2{font:700 18px 'Noto Serif TC',serif;color:var(--cm-text);margin:0 0 18px}
.cm-form-intro{border:1px solid var(--cm-edge);border-radius:10px;padding:13px;background:var(--cm-soft);color:var(--cm-text);font-size:12px}.cm-form-intro p{margin:5px 0 0;color:var(--cm-secondary);font-size:11px}
.cm-proposal-form{margin-top:0;gap:15px}.cm-proposal-form>label,.cm-proposal-form .form-grid-two>label{color:var(--muted);font-size:12px;font-weight:600}
.cm-proposal-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cm-proposal-form .form-end{margin-top:9px;padding-top:12px;border-top:1px solid var(--line)}
.cm-process-list{list-style:none;margin:0;padding:0}.cm-process-list li{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--cm-edge);font-size:12px;color:var(--cm-secondary)}.cm-process-list li:last-child{border:0}
.cm-process-list b{color:var(--cm-highlight);font-weight:750;font:700 12px Georgia,serif}.cm-process-hint{margin-top:15px;border:1px solid var(--cm-edge);background:var(--cm-soft);border-radius:12px;padding:17px}.cm-process-hint strong{color:var(--cm-text);font-size:13px}.cm-process-hint p,.cm-form-note{color:var(--cm-secondary);font-size:12px;line-height:1.8;margin:9px 0 0}
.cm-history{margin-top:22px}.cm-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.cm-history-head span{color:var(--cm-subtle);font-size:12px}.cm-history-empty{color:var(--cm-secondary);font-size:12px;padding:13px 0}
.cm-history .proposal-row b{font-size:13px;color:var(--cm-text)}.cm-history .proposal-row p{font-size:12px;color:var(--cm-secondary)}.cm-history .proposal-row summary{color:var(--cm-highlight);cursor:pointer;font-size:12px}
.cm-gm-editor .guild-detail-form{padding:5px 2px}.cm-gm-editor .modal-head{border-color:var(--line)}
@media(max-width:980px){.cm-submit-grid{grid-template-columns:1fr}.cm-process{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cm-process-hint{margin-top:0}}
@media(max-width:600px){.cm-toolbar .cm-search{flex-basis:100%;min-width:0}.cm-toolbar .cm-select{flex:1}.cm-results-title{align-items:flex-start}.cm-quiet-label{display:none}.cm-card{padding:17px}.cm-card-copy{min-height:0}.cm-detail-fields{grid-template-columns:1fr}.cm-dialog-body,.cm-dialog-actions{padding:17px}.cm-process{display:block}.cm-process-hint{margin-top:14px}.cm-form-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.cm-card,.cm-detail-button,.cm-outline-button,.cm-refresh-button{transition:none}.cm-card:hover{transform:none}}


/* 商盟存款：沿用帳本的三色主題變數，避免額外寫死深色版。 */
.lp-bank-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}
.lp-bank-metrics>div{padding:13px;border:1px solid var(--lp-edge);border-radius:10px;background:var(--lp-subpanel);min-width:0}
.lp-bank-metrics small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}
.lp-bank-metrics strong{font:700 20px Georgia,'Noto Serif TC',serif;color:var(--lp-head)}
.lp-bank-form{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:13px}
.lp-bank-form label{color:var(--text);font-size:12px;display:flex;flex-direction:column;gap:7px;flex:1;min-width:132px}
.lp-bank-form input,.lp-bank-form select{background:var(--lp-subpanel);color:var(--text);border:1px solid var(--lp-edge);border-radius:9px;padding:10px 11px;width:100%;min-height:40px;max-width:100%;font:inherit}
.lp-bank-form button{min-height:40px;flex-shrink:0}
.lp-bank-lots{border-top:1px solid var(--lp-edge);margin-top:16px;padding-top:4px}
.lp-bank-lots>div{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:11px 0;border-bottom:1px solid var(--lp-edge);font-size:11px;color:var(--muted)}
.lp-bank-lots b{color:var(--lp-deco);font-size:11px;text-align:right;font-weight:600}
.lp-bank-lots b.eligible{color:var(--lp-mint)}
.lp-bank-notice{padding:15px;border:1px solid var(--lp-edge);border-radius:10px;background:var(--lp-subpanel);color:var(--muted);font-size:12px;line-height:1.8}
.lp-gm-bank{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:16px;margin:15px 0}
.lp-gm-bank p{font-size:12px;color:var(--muted);line-height:1.75;margin:8px 0}
.lp-gm-bank button{margin-top:6px}
@media(max-width:560px){.lp-bank-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.lp-bank-metrics>div{padding:9px}.lp-bank-metrics strong{font-size:16px}.lp-bank-form button{width:100%}.lp-bank-lots>div{flex-direction:column;align-items:flex-start}.lp-bank-lots b{text-align:left}}

/* 商盟月收益：跟隨帳本的三套配色，不使用固定深色。 */
.lp-yield-summary{border-top:1px solid var(--lp-edge);padding-top:13px;margin:14px 0 3px}
.lp-yield-summary p,.lp-gm-yield .lp-footnote{color:var(--muted);font-size:12px;line-height:1.75;margin:8px 0}
.lp-yield-summary b{color:var(--lp-deco)}
.lp-yield-preview strong{font-size:17px}
.lp-yield-history{border-top:1px solid var(--lp-edge);margin-top:13px}
.lp-yield-history>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--lp-edge);font-size:12px;color:var(--muted)}
.lp-yield-history strong{color:var(--lp-head);font-weight:650}
.lp-gm-yield{margin-top:16px;--lp-edge:#34483d;--lp-subpanel:#19231f;--lp-deco:#dfc08d;--lp-head:#e8e8df}
:root[data-theme=blue] .lp-gm-yield{--lp-edge:#b7d0e2;--lp-subpanel:#edf5fa;--lp-deco:#729abd;--lp-head:#263f55}
:root[data-theme=pink] .lp-gm-yield{--lp-edge:#e6c1cd;--lp-subpanel:#fff0f5;--lp-deco:#be7899;--lp-head:#57394a}
.lp-gm-yield .ledger-gilt-kicker{color:var(--lp-deco)}
.lp-gm-yield .lp-bank-notice{margin:14px 0}
@media(max-width:560px){.lp-yield-history>div{flex-direction:column;align-items:start;gap:4px}}

/* 公會證獎章與取消／申訴：跟隨目前的原始、藍、粉主題 */
.identity-badge-history{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text)}
.identity-badge-history summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;font-weight:700;color:var(--text);font-size:13px;list-style:none}
.identity-badge-history summary::-webkit-details-marker{display:none}
.identity-badge-history summary span{color:var(--accent);transition:transform .2s}
.identity-badge-history[open] summary span{transform:rotate(180deg)}
.identity-badge-history .identity-quiet{margin:12px 0;color:var(--muted);line-height:1.7;font-size:12px}
.identity-badge-history .ledger-entry-list{padding-top:12px}
.identity-badge-gm{margin-top:16px}
.identity-badge-gm .guild-detail-form{margin:14px 0}
.identity-badge-gm .gm-toolbar{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;align-items:center}
.case-penalty-note{border-left:2px solid var(--accent);padding:8px 12px;background:var(--surface2);color:var(--text)!important;white-space:pre-wrap}
.case-appeal-pending{color:var(--accent)!important;font-weight:650}
button.case-danger{border-color:var(--line);color:var(--accent)}
@media(max-width:600px){.identity-badge-history{padding:12px}.identity-badge-gm .gm-toolbar{align-items:flex-start}}

/* Cross-theme in-page confirmations, message toasts and improved text contrast */
.site-question-layer{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.61);backdrop-filter:blur(7px);display:grid;place-items:center;padding:15px}
.site-question{width:min(100%,550px);background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:17px;box-shadow:0 30px 90px #0006;overflow:hidden}
.site-question header{padding:21px 24px;display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.site-question header small{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.15em}
.site-question h2{font-size:20px;font-weight:650;margin:4px 0 0;color:var(--text)}
.site-question-x,.site-toast-close{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:9px;font-size:20px;line-height:1.15;padding:4px 9px}
.site-question-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px 24px 5px;color:var(--muted);font-size:13px;line-height:1.85;margin:0}
.site-question form{padding:0 24px 22px}.site-question-label{display:grid;gap:9px;color:var(--muted);font-size:12px;margin-top:12px}
.site-question-label[hidden]{display:none}.site-question textarea{background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical;width:100%;min-height:90px;max-height:45vh;font:inherit;font-size:13px}
.site-question footer{border:0;padding:18px 0 0;display:flex;justify-content:flex-end;gap:9px}
.site-toast-stack{position:fixed;right:20px;bottom:18px;z-index:2100;max-width:min(420px,calc(100vw - 25px));display:grid;gap:9px}
.site-toast{display:flex;align-items:start;gap:16px;justify-content:space-between;padding:14px 14px 14px 17px;background:var(--surface);border:1px solid var(--accent);border-radius:12px;color:var(--text);font-size:13px;line-height:1.7;box-shadow:var(--shadow);white-space:pre-wrap;overflow-wrap:anywhere}
.site-toast-error{border-color:#b56667}.site-toast-close{flex:none;font-size:16px;padding:3px 8px}
/* Sections formerly used fixed dark-mode ink for notices, subtitles and captions. */
:root:is([data-theme=blue],[data-theme=pink]) .identity-quiet,
:root:is([data-theme=blue],[data-theme=pink]) .lp-footnote,
:root:is([data-theme=blue],[data-theme=pink]) .lp-bank-notice,
:root:is([data-theme=blue],[data-theme=pink]) .cm-dialog-hint,
:root:is([data-theme=blue],[data-theme=pink]) .cm-dialog-message,
:root:is([data-theme=blue],[data-theme=pink]) .gm-advice{color:var(--muted)!important}
:root:is([data-theme=blue],[data-theme=pink]) .identity-metrics strong,
:root:is([data-theme=blue],[data-theme=pink]) .lp-bank-metrics strong,
:root:is([data-theme=blue],[data-theme=pink]) .lp-yield-summary b,
:root:is([data-theme=blue],[data-theme=pink]) .identity-badge-history summary{color:var(--text)!important}
@media(max-width:600px){.site-question header{padding:17px}.site-question-message{padding:18px 17px 5px}.site-question form{padding:0 17px 18px}.site-toast-stack{right:12px;bottom:12px}}

/* 通知中心之上仍可彈出確認視窗；新事件提示則置於最上層。 */
.site-question-layer{z-index:2300}.site-toast-stack{z-index:2400}
/* 正式 Firebase 通知：沿用原型的綠金待辦、未讀歷史與白藍／粉紅主題。 */
.cloud-notice-bell{position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border-color:var(--line);color:var(--text);font-weight:700}
.cloud-notice-badge{display:inline-flex;min-width:19px;height:19px;align-items:center;justify-content:center;border-radius:99px;background:var(--accent);color:var(--surface);padding:0 5px;font-size:11px;font-weight:750}
.cloud-notice-bell[hidden],.cloud-notice-preview[hidden],.cloud-notice-modal[hidden]{display:none!important}
.cloud-notice-preview{margin:14px 0 18px;padding:15px 18px;background:linear-gradient(135deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);color:var(--text)}
.cn-preview-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cn-preview-top>div{display:grid;gap:3px}.cn-preview-top small,.cn-dialog-head small{color:var(--accent);font-size:10px;letter-spacing:.12em;font-weight:700}.cn-preview-top strong{font-size:16px}
.cn-preview-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px;margin-top:12px}
.cn-preview-item{display:flex;align-items:center;gap:10px;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 11px;cursor:default;min-width:0}
.cn-preview-item:hover,.cn-history:hover{border-color:var(--line);background:var(--surface)}
.cn-preview-item>span{color:var(--accent)}.cn-preview-item>b{font-size:12px;flex:0 1 auto}.cn-preview-item>small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;min-width:20px}.cn-preview-item>em{color:var(--accent);font-style:normal}
.cloud-notice-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:2050;display:grid;place-items:center;padding:12px;backdrop-filter:blur(6px)}
.cn-dialog{width:min(750px,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 25px 85px rgba(0,0,0,.35)}
.cn-dialog-head{padding:19px 23px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.cn-dialog-head h2{font-size:20px;color:var(--text);margin:4px 0}.cn-dialog-head p{font-size:12px;color:var(--muted);margin:4px 0}.cn-close{color:var(--text);background:var(--surface2);border:1px solid var(--line);padding:2px 10px;border-radius:9px;font-size:24px;cursor:pointer}
.cn-dialog-content{padding:17px 23px 22px;overflow:auto;overscroll-behavior:contain;min-height:0}.cn-dialog-content section+section{margin-top:23px}.cn-dialog-content h3{font-size:14px;margin:0 0 11px;color:var(--text)}.cn-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cn-history-head>div{display:flex;gap:7px;flex-wrap:wrap}.cn-history-head small{color:var(--muted);font-weight:400;font-size:11px}.cn-history-head button{font-size:11px;padding:6px 9px}
.cn-history{display:flex;align-items:start;gap:12px;text-align:left;padding:12px;margin:0 0 8px;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;cursor:default}.cn-history.cn-unread{border-color:var(--line);background:var(--surface)}.cn-history>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.cn-history b{font-size:13px}.cn-history small{color:var(--muted);font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.cn-dot,.cn-history em{color:var(--accent);font-style:normal}.cn-dialog-foot{padding:14px 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.cn-empty{font-size:12px;color:var(--muted);padding:14px 0;display:block}.cn-error{font-size:12px;color:#b65a5a}
:root[data-theme=blue] .cloud-notice-preview,:root[data-theme=pink] .cloud-notice-preview{background:linear-gradient(135deg,var(--surface),var(--surface2))}
:root[data-theme=blue] .cloud-notice-badge,:root[data-theme=pink] .cloud-notice-badge{color:#fff}
@media(max-width:650px){.cloud-notice-preview{margin:10px 0;padding:12px}.cn-preview-items{grid-template-columns:1fr}.cloud-notice-modal{padding:6px}.cn-dialog{max-height:96vh}.cn-dialog-head,.cn-dialog-content,.cn-dialog-foot{padding-left:14px;padding-right:14px}.cn-preview-item>small{max-width:44%}.cn-history-head>div{width:100%}.cloud-notice-bell{font-size:12px}}


.cn-bulletin-form{display:grid;gap:9px;border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--surface2)}.cn-bulletin-form label{display:grid;gap:5px;color:var(--muted);font-size:12px}.cn-bulletin-form input,.cn-bulletin-form textarea{width:100%;border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:8px;padding:9px 11px;font:inherit}.cn-bulletin-form button{justify-self:end}

/* 公會總覽 v1.2：依照 THIS(3).html 的構圖移植為正式雲端原生版。僅作用於 .go-overview。 */
.go-overview{width:min(1260px,100%);margin:auto;padding:35px 37px 78px;color:var(--text);min-width:0}
.go-eyebrow{color:var(--primary);font-size:11px;letter-spacing:.17em;font-weight:800;margin-bottom:11px}
.go-hero{position:relative;overflow:hidden;min-height:262px;background:linear-gradient(104deg,#1c2e27 0%,#192721 42%,#16201c 100%);border:1px solid #31453a;border-radius:19px;padding:35px 38px;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 22px 48px #0003,inset 0 1px #ffffff08;color:#f0f2ed}
.go-hero::before{content:"";position:absolute;right:-60px;top:-160px;width:500px;height:500px;border:1px solid #dac38a24;border-radius:50%;box-shadow:0 0 0 44px #dac38a06,0 0 0 87px #dac38a04;pointer-events:none}
.go-hero::after{content:"";position:absolute;top:27px;left:31px;width:16px;height:1px;background:#d8c08e76}
.go-hero-body,.go-hero-count{position:relative;z-index:1}.go-hero-body{max-width:640px;min-width:0}
.go-hero .go-eyebrow{color:#9cccb1;margin:4px 0 12px;font-size:10px}
.go-hero h1{font:700 clamp(24px,2.3vw,33px)/1.5 "Noto Serif TC","Microsoft JhengHei",serif;letter-spacing:.025em;margin:0}
.go-hero h1 span{color:#b9ddc4}.go-hero p{font-size:12px;line-height:1.9;color:#acc2b3;margin:11px 0 19px;max-width:550px}
.go-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.go-overview .go-button{min-height:38px;padding:9px 15px;border-radius:8px;border:1px solid #53675c;background:#26342e;color:#e2ede4;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:10px;justify-content:center}
.go-overview .go-button.go-primary{background:linear-gradient(180deg,#d8ece1,#bddac8);border-color:#c9e4d3;color:#193325}.go-overview .go-button:hover{filter:brightness(1.07)}
.go-hero-count{border:1px solid #5e7865;border-radius:14px;min-width:135px;min-height:109px;padding:14px 18px;background:#10201b62;text-align:center;display:grid;align-content:center;justify-items:center;flex:none}
.go-hero-count strong{font:400 38px/1.3 Georgia,serif;color:#edf7ed}.go-hero-count small{font-size:10px;color:#a9c7b3;white-space:nowrap;margin-top:4px}
/* 原型的個人助理：使用正式通知資料，包含實際未讀與待辦，非示範內容 */
.go-overview .cloud-notice-preview{border:1px solid #435e4d;border-radius:15px;max-width:none;margin:0 0 13px;padding:19px 21px 18px;background:linear-gradient(110deg,#1e3228,#15211e);box-shadow:0 10px 29px #00000016;color:#e7eee8}
.go-overview .cn-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.go-overview .cn-preview-top>div{min-width:0}
.go-overview .cn-preview-top small{display:block;color:#c9b889;letter-spacing:.17em;font-size:10px;margin-bottom:8px;font-weight:750}
.go-overview .cn-preview-top strong{display:block;color:#e9f1e7;font:700 17px/1.5 "Noto Serif TC",serif}
.go-overview .cn-preview-top button{border-radius:10px;border:1px solid #627462;background:transparent;color:#cdddcf;font-size:11px;padding:7px 10px}
.go-overview .cn-preview-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;padding:15px 0 2px;border-top:1px solid #ffffff12}
.go-overview .cn-preview-item{color:#e1ece1;background:#172720;border:1px solid #435648;border-radius:9px;padding:11px 12px;min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) 12px;grid-template-rows:auto auto;text-align:left;align-items:center;gap:2px 7px}
.go-overview .cn-preview-item>span{grid-row:1/3;color:#ccba84}.go-overview .cn-preview-item b{font-size:12px;min-width:0;white-space:normal;overflow-wrap:anywhere}.go-overview .cn-preview-item small{grid-column:2;color:#9fb9aa;font-size:10px;white-space:normal;min-width:0;overflow-wrap:anywhere}.go-overview .cn-preview-item em{grid-column:3;grid-row:1/3;color:#b9d3bf;font-size:13px;font-style:normal}
.go-overview .cn-empty{color:#a9c0b0;padding:4px 0;font-size:12px;grid-column:1/-1}
.go-notice-guest{border:1px solid var(--line);padding:18px 20px;border-radius:14px;background:var(--surface);margin-bottom:14px;font-size:12px;color:var(--muted)}.go-notice-guest strong{display:block;color:var(--text);margin-bottom:4px}
.go-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 35px}
.go-stat{position:relative;overflow:hidden;min-width:0;background:linear-gradient(175deg,#ffffff08,#ffffff00 50%),#181e23;border:1px solid #34413e;border-radius:13px;padding:17px 18px;box-shadow:inset 0 1px #ffffff09;color:#e9ede8}
.go-stat::after,.go-mission-card::after{content:"";position:absolute;top:10px;right:10px;width:21px;height:21px;border-top:1px solid #d8b77735;border-right:1px solid #d8b77735;border-radius:0 8px 0 0;pointer-events:none}
.go-stat-label{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#9aaba2;font-size:12px}.go-stat-label span:last-child{color:#9ebbaa;font-size:16px}
.go-stat-value{font:600 33px/1.2 Georgia,"Noto Serif TC",serif;color:#edf2ef;margin:8px 0 3px}.go-stat-value span{font:500 13px system-ui,sans-serif;color:#92a59c}
.go-stat-foot{font-size:10px;color:#97a69d;overflow-wrap:anywhere}
.go-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.9fr);gap:25px;align-items:start}
.go-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;min-height:43px;position:relative}
.go-section-head::after{content:"";position:absolute;bottom:-8px;left:0;width:66px;height:1px;background:linear-gradient(90deg,#cbb37f88,transparent)}
.go-section-head h2{font-size:17px;letter-spacing:.02em;margin:0 0 3px;font-weight:700}.go-section-head p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}
.go-link{flex:none;border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:650;padding:6px;cursor:pointer}
.go-mission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.go-mission-card{position:relative;min-height:201px;min-width:0;display:flex;flex-direction:column;gap:11px;background:linear-gradient(180deg,#ffffff06,transparent 60%),#181e23;border:1px solid #35443f;border-radius:13px;padding:17px 18px;color:#e5eae5;box-shadow:inset 0 1px #ffffff09;overflow:hidden}
.go-mission-tags{display:flex;justify-content:space-between;gap:7px;align-items:center;flex-wrap:wrap}
.go-mission-tag{border:1px solid #405747;border-radius:5px;color:#a7d3b4;background:#23332b;padding:2px 7px;font-size:10px}.go-mission-tag.special{background:#3c3025;border-color:#6b553a;color:#e1c08e}
.go-mission-source{font-size:10px;color:#8fa29a}.go-mission-card h3{font-size:14px;line-height:1.5;color:#f1f1e9;margin:0}.go-mission-card p{font-size:11px;line-height:1.6;color:#93a69a;margin:3px 0 0;flex:1;overflow-wrap:anywhere}
.go-mission-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:11px;border-top:1px solid #333d3d;font-size:10px;color:#afbfaf}
.go-mission-meta>span:last-child{color:#e0d2a8}.go-mission-card .go-card-action{height:35px;background:transparent;border:1px solid #4c5c58;border-radius:8px;color:#e3ebe5;font-size:11px;font-weight:750;width:100%;cursor:pointer}
.go-mission-card .go-card-action:hover{background:#273630;border-color:#799481}
.go-activity-panel{border:1px solid #35443e;background:linear-gradient(180deg,#ffffff06,transparent),#181e23;border-radius:13px;padding:18px 18px;color:#ebede8;min-height:166px}
.go-activity-row{border:0;border-bottom:1px solid #36453d;display:flex;gap:9px;align-items:flex-start;padding:9px 1px 12px;width:100%;background:transparent;text-align:left;color:inherit;cursor:default}.go-activity-row:hover{background:transparent}.go-activity-row:last-of-type{border-bottom:none}.go-activity-dot{background:#93ccb0;width:7px;height:7px;border-radius:50%;margin-top:7px;flex:none}
.go-activity-text{min-width:0;flex:1}.go-activity-text strong{display:block;font-size:11px;color:#e2f0e3;line-height:1.55}.go-activity-text p{font-size:10px;line-height:1.55;color:#9dad9f;margin:3px 0}.go-activity-text small{font-size:9px;color:#92a59b}
.go-activity-empty{font-size:12px;color:#9db2a6;line-height:1.8;padding:16px 0}
.go-activity-error{font-size:12px;line-height:1.7;color:#f0cc99;background:#6b352633;border:1px solid #a65a4475;border-radius:9px;padding:12px 13px;margin:4px 0 12px}:root:is([data-theme=blue],[data-theme=pink]) .go-activity-error{background:var(--surface2);color:var(--text);border-color:var(--line)}
.go-promo{display:flex;align-items:center;gap:11px;width:100%;min-height:59px;text-align:left;background:#23312b;border:1px solid #46624e;border-radius:9px;padding:12px;color:#dfeee1;margin-top:15px;cursor:pointer}
.go-promo-icon{font-size:23px;flex:none;color:#b7d4bf}.go-promo strong{display:block;font-size:12px}.go-promo small{display:block;color:#aac0b0;font-size:10px;margin-top:2px}
.go-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:13px;padding:38px 20px;color:var(--muted);text-align:center;font-size:12px}
.go-footer{border-top:1px solid var(--line);padding-top:15px;margin-top:28px;font-size:10px;color:var(--hint)}
/* 延續目前網站的白藍與粉紅主題；不將原型深色硬套到淺色介面。 */
:root:is([data-theme=blue],[data-theme=pink]) .go-hero{background:linear-gradient(118deg,var(--surface2),var(--panel));border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}
:root:is([data-theme=blue],[data-theme=pink]) .go-hero h1,:root:is([data-theme=blue],[data-theme=pink]) .go-hero h1 span,:root:is([data-theme=blue],[data-theme=pink]) .go-hero .go-eyebrow{color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-hero p,:root:is([data-theme=blue],[data-theme=pink]) .go-hero-count small{color:var(--muted)}
:root:is([data-theme=blue],[data-theme=pink]) .go-hero-count{background:var(--surface);border-color:var(--line)}
:root:is([data-theme=blue],[data-theme=pink]) .go-hero-count strong{color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-overview .go-button.go-primary{background:var(--primary);border-color:var(--primary);color:var(--primaryText)}
:root:is([data-theme=blue],[data-theme=pink]) .go-overview .go-button:not(.go-primary){background:var(--surface);border-color:var(--line);color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cloud-notice-preview{background:linear-gradient(130deg,var(--surface),var(--surface2));border-color:var(--line);color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cn-preview-top small{color:var(--accent)}
:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cn-preview-top strong,:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cn-preview-item b{color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cn-preview-top button,:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cn-preview-item{background:var(--surface);border-color:var(--line);color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cn-preview-item small,:root:is([data-theme=blue],[data-theme=pink]) .go-overview .cn-empty{color:var(--muted)}
:root:is([data-theme=blue],[data-theme=pink]) .go-stat,:root:is([data-theme=blue],[data-theme=pink]) .go-mission-card,:root:is([data-theme=blue],[data-theme=pink]) .go-activity-panel{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}
:root:is([data-theme=blue],[data-theme=pink]) .go-stat-label,:root:is([data-theme=blue],[data-theme=pink]) .go-stat-foot,:root:is([data-theme=blue],[data-theme=pink]) .go-mission-card p,:root:is([data-theme=blue],[data-theme=pink]) .go-mission-source,:root:is([data-theme=blue],[data-theme=pink]) .go-activity-text p{color:var(--muted)}
:root:is([data-theme=blue],[data-theme=pink]) .go-stat-value,:root:is([data-theme=blue],[data-theme=pink]) .go-mission-card h3,:root:is([data-theme=blue],[data-theme=pink]) .go-activity-text strong{color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-mission-card .go-card-action,:root:is([data-theme=blue],[data-theme=pink]) .go-promo{background:var(--surface2);border-color:var(--line);color:var(--text)}
:root:is([data-theme=blue],[data-theme=pink]) .go-promo small{color:var(--muted)}
:root:is([data-theme=blue],[data-theme=pink]) .go-mission-tag{background:var(--surface2);border-color:var(--line);color:var(--accent)}
:root:is([data-theme=blue],[data-theme=pink]) .go-activity-row{border-bottom-color:var(--line)}
:root:is([data-theme=blue],[data-theme=pink]) .go-activity-row:hover{background:transparent}
@media(max-width:1160px){.go-columns{grid-template-columns:minmax(0,1fr)}.go-overview{padding:28px 27px 70px}.go-hero{padding:28px}}
@media(max-width:880px){.go-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.go-overview{padding:24px 20px 60px}}
@media(max-width:600px){.go-overview{padding:22px 14px 55px}.go-hero{min-height:0;display:block;padding:28px 22px}.go-hero-count{margin-top:20px;min-height:80px;display:flex;align-items:center;gap:12px;text-align:left;justify-content:flex-start}.go-hero-count strong{font-size:30px}.go-mission-list,.go-overview .cn-preview-items{grid-template-columns:1fr}.go-overview .cn-preview-top{flex-wrap:wrap}.go-stats{gap:9px}.go-stat{padding:13px 12px}.go-stat-value{font-size:29px}.go-columns{gap:23px}.go-section-head{flex-wrap:wrap}.go-overview .cloud-notice-preview{padding:17px 14px}}
@media(max-width:380px){.go-hero-actions{align-items:stretch;flex-direction:column}.go-overview .go-button{width:100%}}

/* v1.5 — 公會近況、通知預覽及通知中心全部為純文字紀錄：無箭頭、無可點擊高亮。 */
.go-activity-row,.cn-preview-item,.cn-history.cn-record{cursor:default!important;transition:none!important;box-shadow:none!important;outline:none}
.go-activity-row:hover,.go-activity-row:focus,.cn-preview-item:hover,.cn-preview-item:focus,.cn-history.cn-record:hover,.cn-history.cn-record:focus{background:transparent!important;box-shadow:none!important;transform:none!important;filter:none!important}
.go-activity-row:hover,.go-activity-row:focus{border-color:#36453d!important}.cn-preview-item:hover,.cn-preview-item:focus,.cn-history.cn-record:hover,.cn-history.cn-record:focus{border-color:var(--line)!important}
.go-activity-row{padding:15px 2px 17px;gap:13px}.go-activity-dot{width:10px;height:10px;margin-top:6px}.go-activity-dot-read{background:#d9b77a}
.go-activity-text strong{font-size:13px;line-height:1.65}.go-activity-text p{font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.go-activity-text small{display:block;margin-top:7px;font-size:10px}
.cn-preview-item{border:0;background:transparent;padding:10px 4px;border-radius:0;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;row-gap:4px}.cn-preview-item>span{grid-row:1/3}.cn-preview-item b{grid-column:2;font-size:13px}.cn-preview-item small{grid-column:2;white-space:pre-wrap;overflow-wrap:anywhere;max-width:none!important}
.cn-history.cn-record{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 3px;margin:0;background:transparent!important}.cn-history.cn-record.cn-unread{border-color:var(--line);background:transparent!important}.cn-history.cn-record.cn-unread b{font-weight:750}.cn-history.cn-record:last-child{border-bottom:0}
.cn-keep-note{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 10px}
.go-overview .cn-preview-item{background:transparent!important;border:0!important;grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;padding:10px 2px;gap:3px 7px}
.go-overview .cn-preview-item>span{grid-row:1/3}.go-overview .cn-preview-item b{grid-column:2}.go-overview .cn-preview-item small{grid-column:2}.go-overview .cn-preview-item:hover{background:transparent!important;border:0!important}
:root:is([data-theme=blue],[data-theme=pink]) .go-activity-row:hover{background:transparent!important;border-color:var(--line)!important}

/* v1.6 — 恢復文字通知的點擊／鍵盤操作，但不恢復發亮、浮起或箭頭。 */
button.cn-action-row,
.go-activity-row.cn-action-row,
.cn-preview-item.cn-action-row,
.cn-history.cn-record.cn-action-row{cursor:pointer!important;appearance:none;-webkit-appearance:none;transition:none!important;box-shadow:none!important;transform:none!important;filter:none!important;text-align:left;font:inherit;color:inherit;width:100%}
button.cn-action-row:hover,button.cn-action-row:active,button.cn-action-row:focus,
.go-activity-row.cn-action-row:hover,.go-activity-row.cn-action-row:active,
.cn-preview-item.cn-action-row:hover,.cn-history.cn-record.cn-action-row:hover{background:transparent!important;box-shadow:none!important;transform:none!important;filter:none!important}
button.cn-action-row:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}
button.cn-action-row:focus:not(:focus-visible){outline:0!important}
.go-activity-row.cn-action-row{border-left:0;border-right:0;border-top:0}
.cn-history.cn-record.cn-action-row{display:flex;align-items:flex-start;gap:11px;background:transparent!important}
.cn-preview-item.cn-action-row{display:grid;align-content:start}
/* 街响: shared original / blue / pink tokens. */
.street-welcome{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:30px;margin-bottom:18px;background:linear-gradient(120deg,var(--surface2),var(--surface));}
.street-welcome small{font-size:10px;letter-spacing:.16em;color:var(--accent)}.street-welcome h2{font-family:"Noto Serif TC",serif;font-size:27px;margin:10px 0}.street-welcome p{color:var(--muted);font-size:13px}.street-welcome>span{position:absolute;right:28px;top:3px;font:110px Georgia;color:var(--accent);opacity:.13;pointer-events:none}
.street-author{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:var(--text);text-align:left;font:inherit;max-width:100%;overflow-wrap:anywhere}.street-author:hover{text-decoration:underline}.street-author .face{flex:none}.street-panel-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.street-panel-head h3{flex:1}.street-footnote{text-align:center;font-size:12px;color:var(--hint);margin:25px 0}
.street-profile{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;padding:18px;margin-bottom:18px}.street-profile-banner{height:180px;background:linear-gradient(120deg,var(--surface2),var(--shade));position:relative;overflow:hidden;border-radius:10px;margin:16px 0}.street-profile-banner img{width:100%;height:100%;object-fit:cover}.street-profile-banner span{position:absolute;bottom:15px;left:15px;background:var(--surface);padding:5px 10px;font-size:10px;letter-spacing:.15em;color:var(--accent);border-radius:6px}.street-profile-info{display:flex;gap:18px;align-items:start}.street-profile-info>.face{width:78px;height:78px;font-size:30px}.street-profile-info>div{min-width:0;flex:1}.street-profile-info h2{margin:0;font-size:24px}.street-profile-info p{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.street-profile-post-title{font-size:17px;margin:25px 0 15px}
.street-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:18px}.street-directory-card{display:flex;flex-direction:column;align-items:start;gap:8px;text-align:left;min-width:0;border:1px solid var(--line);border-radius:13px;padding:20px;background:var(--surface2);color:var(--text);overflow-wrap:anywhere}.street-directory-card p,.street-directory-card small{color:var(--muted);font-size:12px}.street-revision{border-top:1px solid var(--line);padding:16px 0}.street-revision small{display:block;font-size:11px;color:var(--hint);overflow-wrap:anywhere}.street-revision p{white-space:pre-wrap;overflow-wrap:anywhere}.comment-head{flex-wrap:wrap}.comment-actions{flex-wrap:wrap}.comments .post-media img{max-height:230px}.toolbar-actions{flex-wrap:wrap}.sr-label select{max-width:100%;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}.main-social button:focus-visible,.modal-box button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.main-social input:focus-visible,.main-social textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(max-width:750px){.street-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.street-welcome{padding:22px}.street-welcome h2{font-size:23px}.comment-form{margin-left:0}.street-profile-info{gap:12px}.street-profile-info>.face{width:54px;height:54px}.street-profile-info h2{font-size:21px}.street-profile-banner{height:140px}.main-social button{min-height:36px}.street-profile .gm-toolbar{flex-wrap:wrap}.sr-label select{margin-left:0;width:100%}}
@media(max-width:420px){.street-directory{grid-template-columns:1fr}.street-heading h1 em{display:block;margin-top:5px}.street-profile{padding:13px}.street-welcome>span{right:5px}.street-directory-card{padding:16px}}

/* Street GM tabs use the current theme and wrap on narrow screens. */
#streetGmMain > .gm-hub-nav{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:20px;gap:8px}
#streetGmMain > .gm-hub-nav button{width:auto;flex:1 1 130px;text-align:center}
#streetGmMain [data-street-gm-panel]{min-width:0}
#streetGmMain [data-street-gm-post]{padding:12px 0;border-bottom:1px solid var(--line)}
#streetGmMain input[type=search]{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--text)}

/* 街响 v2.2：按喜歡的身分選擇，三主題使用現有 CSS 變數。 */
.street-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:220px}
.street-like-identity{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;white-space:nowrap}
.street-like-identity select{min-width:135px;max-width:220px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--input);color:var(--text)}
.street-like-identity select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.comment-actions button.liked{color:var(--accent)}
@media(max-width:750px){.street-header-actions{align-items:stretch;width:100%;min-width:0}.street-like-identity{justify-content:space-between;white-space:normal}.street-like-identity select{max-width:min(65vw,250px)} }

/* 階段02：簡潔的通知清理操作與文字紀錄並列，不做巢狀按鈕。 */
.cn-notice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.cn-notice-row .cn-history.cn-record{border:0!important;min-width:0;margin:0}
.cn-notice-action{align-self:center;font-size:11px;padding:7px 10px;line-height:1.5;white-space:nowrap;cursor:pointer}
.cn-notice-action:focus-visible,[data-cloud-clear-read]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cn-keep-note{overflow-wrap:anywhere}
@media(max-width:650px){.cn-notice-row{grid-template-columns:minmax(0,1fr)}.cn-notice-row .cn-history.cn-record{padding-bottom:0}.cn-notice-action{justify-self:end;margin-bottom:10px;margin-right:4px}.cn-history-head>div{gap:9px}.cn-history-head>div>button{flex:1 1 auto}}
/* 階段 03B：公開喜歡名單（手機自底部展開） */
.street-like-count{color:var(--accent)!important;font-weight:550;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.street-like-count:focus-visible,.street-liker-person:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.street-liker-total{font-size:12px;color:var(--muted);margin:9px 0 14px}
.street-liker-rows{display:grid;gap:3px;max-height:50vh;overflow-y:auto}
.street-liker-person{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:10px;background:transparent;color:var(--text);padding:9px;text-align:left;min-width:0}
.street-liker-person:hover{background:var(--surface2)}
.street-liker-person>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.street-liker-person strong,.street-liker-person small{display:block;font-size:13px}
.street-liker-person small{font-size:11px;color:var(--hint);margin-top:3px}
.street-liker-legacy{font-size:12px;color:var(--hint);line-height:1.7;overflow-wrap:anywhere;padding:11px;background:var(--surface2);border-radius:10px;margin:12px 0}
.street-liker-more{width:100%;margin-top:10px}
.street-follower-count{display:inline-block;border:0;background:transparent;color:var(--accent);font:inherit;font-size:13px;padding:3px 0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}.street-follower-count:hover{opacity:.78}.street-follower-count:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){.modal.street-likers-open{padding:0;align-items:flex-end}.street-likers-open .modal-box{width:100%;max-height:87dvh;min-height:38dvh;border-radius:20px 20px 0 0;padding:18px 18px max(20px,env(safe-area-inset-bottom))}.street-liker-rows{max-height:53dvh}.comment-actions{gap:3px}}

/* Street 03C: @mentions - uses theme variables in all three visual themes. */
.mention-field{position:relative;min-width:0;width:100%}
.mention-field>textarea{width:100%!important;box-sizing:border-box}
.mention-picker{position:absolute;left:0;right:0;top:100%;z-index:18;max-height:min(320px,52dvh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 34px #0003;padding:5px}
.mention-picker[hidden]{display:none!important}
.mention-choice{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:9px;background:transparent;color:var(--text);padding:9px 11px;cursor:pointer}
.mention-choice[aria-selected="true"],.mention-choice:hover,.mention-choice:focus-visible{background:var(--surface2);outline:1px solid var(--accent)}
.mention-choice span{min-width:0;display:flex;flex-direction:column;gap:3px}
.mention-choice strong{font-size:13px;overflow-wrap:anywhere;font-weight:600}
.mention-choice small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.mention-status{color:var(--hint);font-size:12px;margin:8px 10px;line-height:1.6}
.street-mention-link{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:600;display:inline;padding:0 1px;cursor:pointer;overflow-wrap:anywhere}
.street-mention-link:hover,.street-mention-link:focus-visible{text-decoration:underline;outline-offset:2px}
@media(max-width:600px){.mention-picker{position:fixed;inset:auto 12px 12px 12px;z-index:50;max-height:42dvh}.mention-choice{min-height:46px;padding:10px}.mention-field{max-width:100%}}

/* N1-01c: visible state/error beside street submission forms. */
.street-submit-status{margin:.55rem 0 .15rem;padding:.55rem .7rem;border-radius:.55rem;background:var(--panel,rgba(127,127,127,.08));border:1px solid var(--line,rgba(127,127,127,.25));font-size:.85rem;line-height:1.6;overflow-wrap:anywhere}