:root{color-scheme:dark;--bg:#000;--surface:#0f0f0f;--surface-elevated:#161616;--text:#f2f2f2;--muted:#a3a3a3;--accent:#5b9bd5;--accent-hover:#7eb3e6;--danger:#f87171;--radius:12px;--font:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:var(--font);color:var(--text);line-height:1.5}body,body.site-root,html{background:var(--bg)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;border-bottom:1px solid #1f1f1f;background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-nav{width:100%;max-width:64rem;margin:0 auto;padding:.65rem 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem .55rem}.menu-summary,.top-link{display:inline-flex;align-items:center;color:var(--text);background:var(--surface-elevated);border:1px solid #2a2a2a;border-radius:9px;padding:.4rem .7rem;font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer}.menu-summary:hover,.top-link:hover{color:var(--text);border-color:var(--accent);text-decoration:none}.menu-dropdown{position:relative}.menu-dropdown[open]>.menu-summary{border-color:var(--accent)}.menu-summary{list-style:none}.menu-summary::-webkit-details-marker{display:none}.menu-summary:after{content:"▾";margin-left:.45rem;font-size:.75rem;color:var(--muted)}.menu-panel{position:absolute;top:calc(100% + .35rem);left:0;min-width:15.5rem;background:var(--surface-elevated);border:1px solid #2a2a2a;border-radius:10px;padding:.4rem;box-shadow:0 10px 25px rgba(0,0,0,.45)}.menu-item{display:block;padding:.5rem .6rem;border-radius:8px;font-size:.9rem}.menu-item,.menu-item:hover{color:var(--text);text-decoration:none}.menu-item:hover{background:#202020}.menu-dropdown-admin .menu-panel-admin{right:0;left:auto;width:17.5rem;min-width:17.5rem;max-width:17.5rem;padding:.65rem .5rem .5rem;box-sizing:border-box}.admin-gate-keypad-compact{display:flex;flex-direction:column;gap:.45rem}.admin-gate-keypad-compact .access-keypad{margin:0;width:100%}.admin-gate-feedback{min-height:2.5rem}.admin-gate-keypad-compact .error,.admin-gate-muted{margin:0;font-size:.85rem}.admin-gate-muted{color:var(--muted)}.admin-gate-links-compact{display:flex;flex-direction:column;gap:.15rem}.admin-gate-page{max-width:22rem;margin:0 auto}.admin-gate-page .admin-gate-title{margin:0 0 .35rem;font-size:1.35rem}.admin-gate-page .admin-gate-keypad{display:flex;flex-direction:column;gap:.65rem}.site-content{flex:1 1}.site-footer{border-top:1px solid #1f1f1f;color:var(--muted);text-align:center;padding:.85rem 1rem 1rem;font-size:.85rem}body.login-page .site-footer,body.login-page .site-header{display:none}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem}.login-main{width:100%;max-width:22rem;margin:0 auto;padding:0}.login-card{text-align:center}.login-card h1{margin-bottom:.35rem}.login-subtitle{margin-bottom:1.25rem}.login-pending{margin:.75rem 0 0;color:var(--muted);font-size:.9rem}.access-keypad{margin-top:.5rem}.access-keypad-display{font-family:ui-monospace,monospace;font-size:1.25rem;letter-spacing:.2em;padding:.85rem 1rem;margin-bottom:.75rem;border-radius:10px;border:1px solid #2a2a2a;background:#0a0a0a;color:var(--text);height:3rem;min-height:3rem;max-height:3rem;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.access-keypad-display-slots{letter-spacing:0;gap:0}.access-keypad-slot{display:inline-block;width:.75rem;text-align:center;flex-shrink:0}.access-keypad-slot-empty{color:#3a3a3a}.access-keypad-display-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;letter-spacing:.15em;outline:none}.access-keypad-display-input:focus{border-color:var(--accent)}.access-keypad-display-input::placeholder{color:#555;letter-spacing:.04em;font-size:.95rem}.access-keypad-display-input:disabled{opacity:.55;cursor:not-allowed}.access-keypad-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.45rem;gap:.45rem;margin-bottom:.45rem}.access-keypad-key{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a2a2a;border-radius:10px;background:var(--surface-elevated);color:var(--text);font-size:1.15rem;font-weight:600;padding:.75rem .5rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.access-keypad-key:hover:not(:disabled){border-color:var(--accent);background:#1a1a1a}.access-keypad-key:disabled{opacity:.55;cursor:not-allowed}.access-keypad-key-action{font-size:.82rem;letter-spacing:.02em}.access-keypad-key-enter{color:#fff;background:var(--accent);border-color:var(--accent)}.access-keypad-key-enter:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.access-keypad-key-mode{font-size:.82rem;letter-spacing:.04em;color:var(--accent);border-color:#345}.access-keypad-key-mode:hover:not(:disabled){border-color:var(--accent)}.access-keypad-row-2col{grid-template-columns:1fr 2fr}.access-keypad-row-2col .access-keypad-key-enter{grid-column:span 1}.access-keypad-row-full{grid-template-columns:1fr}.access-keypad-row-full .access-keypad-key-enter{width:100%}.home-top-row{display:grid;grid-template-columns:1fr 2fr;grid-gap:1rem;gap:1rem;margin-bottom:1.75rem;align-items:stretch}.home-top-row>.home-welcome-tile,.home-top-row>.weather-panel{min-height:100%;height:auto}@media (max-width:639px){.home-top-row{grid-template-columns:1fr}}.home-welcome-tile{margin-bottom:0;padding:1.15rem 1.25rem;display:flex;flex-direction:column;min-height:0;height:100%}.home-welcome-tile .home-title{margin:0 0 .65rem;font-size:1.05rem;text-align:center;flex-shrink:0}.welcome-image-wrap{flex:1 1 auto;min-height:10rem;display:flex;align-items:stretch;justify-content:center;overflow:hidden;border-radius:10px}.home-top-row .welcome-image{width:100%;height:100%;max-width:none;margin:0;object-fit:cover;border-radius:10px}.home-top-row .weather-panel{margin-bottom:0;height:100%;box-sizing:border-box}.weather-panel{margin-bottom:1.25rem;padding:1.15rem 1.25rem;gap:.85rem;height:100%}.weather-current,.weather-panel{display:flex;flex-direction:column}.weather-current{gap:.35rem}.weather-current-hero{display:flex;align-items:center;gap:.85rem}.weather-icon-lg{font-size:2.75rem;line-height:1;flex-shrink:0;width:3.25rem;text-align:center}.weather-current-text{min-width:0;flex:1 1}.weather-location{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.weather-condition-text{margin:.15rem 0 0;font-size:.95rem;font-weight:600;color:var(--text)}.weather-temp-main{margin:.1rem 0 0;font-size:2.35rem;font-weight:650;line-height:1;color:var(--text)}.weather-temp-unit{font-size:1rem;font-weight:600;color:var(--muted);margin-left:.1rem}.weather-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}@media (min-width:480px){.weather-stats{grid-template-columns:repeat(4,1fr)}}.weather-stat{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .65rem;border-radius:10px;background:#121212;border:1px solid #252525;min-width:0}.weather-stat-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.weather-stat-value{font-size:.88rem;font-weight:650;color:var(--text);line-height:1.25}.weather-forecast{flex:1 1;display:flex;flex-direction:column;gap:.5rem;min-height:0}.weather-forecast-heading{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.weather-forecast-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.45rem;gap:.45rem;flex:1 1}.weather-forecast-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.55rem .35rem;border-radius:10px;background:#121212;border:1px solid #252525;text-align:center;min-height:5.5rem}.weather-forecast-dayname{font-size:.72rem;font-weight:650;color:var(--muted);letter-spacing:.02em}.weather-forecast-icon{font-size:1.35rem;line-height:1}.weather-forecast-temps{display:flex;gap:.35rem;align-items:baseline;font-size:.82rem;font-weight:650}.weather-forecast-hi{color:var(--text)}.weather-forecast-lo{color:var(--muted);font-weight:600}.weather-forecast-rain{font-size:.65rem;font-weight:600;color:#6eb5ff}.weather-forecast-rain-dry{color:#333}.weather-updated{margin:0;font-size:.72rem;color:var(--muted)}.weather-unavailable{margin:0;color:var(--muted);text-align:center}body.login-page .site-content{display:flex;align-items:center;justify-content:center}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}main{max-width:40rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}.portal-main{max-width:56rem;margin:0 auto;padding:2rem 1.25rem 3rem}.portal-hero{margin-bottom:1.75rem}.welcome-image{width:100%;max-width:14rem;height:auto;border-radius:10px;display:block;margin:0 auto 1.25rem;object-fit:contain}.home-title{text-align:center}.link-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:768px){.link-grid{grid-template-columns:repeat(3,1fr)}}.link-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.15rem 1.2rem;border-radius:var(--radius);background:var(--surface-elevated);border:1px solid #262626;min-height:5.5rem;transition:border-color .15s ease,background .15s ease}.link-tile,.link-tile:hover{color:var(--text);text-decoration:none}.link-tile:hover{border-color:var(--accent);background:#1a1a1a}.link-tile-title{font-weight:650;font-size:1.05rem}.link-tile-desc{font-size:.875rem;color:var(--muted)}.link-tile-tea{align-items:center;text-align:center}.link-tile-tea .link-tile-desc,.link-tile-tea .link-tile-title{align-self:center;text-align:center}.link-tile-tea-img{border-radius:10px;margin-bottom:.25rem}.link-tile-note{border-style:dashed}.tile-bottom{grid-column:1/-1}@media (min-width:768px){.tile-about{grid-column:2/3}}.link-tile-pi{align-items:center;text-align:center}.link-tile-pi .link-tile-desc,.link-tile-pi .link-tile-title{align-self:center;text-align:center}.link-tile-pi-img{border-radius:10px;margin-bottom:.25rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.75rem 1.5rem;box-shadow:0 8px 32px rgba(0,0,0,.45);border:1px solid #1f1f1f}h1{font-size:1.75rem;font-weight:650;letter-spacing:-.02em;margin:0 0 .75rem}p{margin:0 0 1rem;color:var(--muted)}.cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;font-weight:600}.home-link-wrap{text-align:center}.tea-link{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem}.tea-link-image{border-radius:12px}.tea-link-label{font-weight:600}.gallery-main{max-width:56rem;margin:0 auto;padding:2rem 1.25rem 3rem}.about-card,.util-gate-card{max-width:42rem;margin:0 auto}.util-gate-hint{margin-top:-.25rem;font-size:.9rem}.util-gate-code{font-size:.88rem;word-break:break-all}.page-back-wrap{max-width:42rem;margin:0 auto .75rem}.coming-soon-text{font-size:1.1rem;color:var(--muted);margin:0}.update-steps{margin:0 0 1rem 1.1rem;padding:0;color:var(--muted);line-height:1.6}.ha-guest-shell,.pc-power-shell{min-height:100vh;display:flex;flex-direction:column}.ha-guest-login-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.ha-guest-login-card{width:min(100%,22rem)}.ha-guest-login-card label{display:block;margin-top:.75rem;font-size:.9rem;color:var(--muted)}.ha-guest-login-card input[type=password],.ha-guest-login-card input[type=text]{width:100%;margin-top:.35rem;padding:.55rem .65rem;border-radius:8px;border:1px solid #2a2a2a;background:#111;color:var(--text)}.ha-guest-remember{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:var(--muted);cursor:pointer}.ha-guest-login-card .cta{margin-top:1rem;width:100%;border:none;cursor:pointer;text-align:center}.pc-power-login-main,.pc-power-main{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem 2rem}.pc-power-login-card{width:min(100%,24rem)}.pc-power-main{align-items:center}.pc-power-dashboard{width:min(100%,34rem)}.pc-power-header h1{margin:0 0 .35rem;font-size:1.35rem;font-weight:700}.pc-power-header p{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.45}.pc-power-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem}.pc-power-tiles-single{grid-template-columns:1fr;max-width:18rem}.pc-power-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:6.5rem;padding:1rem .75rem;border:none;border-radius:var(--radius);background:var(--surface-elevated);color:var(--text);cursor:pointer;text-align:center;font:inherit;font-size:.95rem;line-height:1.35}.pc-power-tile:hover:not(:disabled){background:#1c1c1c}.pc-power-tile:disabled{opacity:.38;cursor:not-allowed;background:#121212;border-color:#252525;color:#6a6a6a}.pc-power-hint{margin:0 0 .75rem;font-size:.88rem;line-height:1.4;color:var(--muted)}.pc-power-auto-off-summary{padding:.5rem .65rem;border-radius:8px;background:#14140c;border:1px solid #3a3520;color:#d8d0b8}.pc-power-raw-hint{font-size:.8rem;margin-top:.25rem}.pc-power-icon{width:2.75rem;height:2.75rem;color:var(--accent)}.pc-power-tile-img{display:block;width:3.25rem;height:3.25rem;object-fit:contain;flex-shrink:0;pointer-events:none}.pc-power-socket-row{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem;align-items:stretch;margin-bottom:.75rem}.pc-power-socket-row:has(.pc-power-auto-off-panel-active){grid-template-columns:minmax(0,1fr) auto}.pc-power-socket-row .pc-power-entity-card{margin-bottom:0;height:100%;box-sizing:border-box}.pc-power-entity-card-grow{min-width:0}.pc-power-auto-off-panel{min-width:9.5rem;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.85rem 1rem;background:#141414;border:1px solid #2a2a2a;border-radius:var(--radius)}.pc-power-auto-off-panel-active{border-color:#5a4a28;background:#18140c}.pc-power-auto-off-idle{line-height:1.35}.pc-power-auto-off-idle,.pc-power-auto-off-label{margin:0;font-size:.78rem;color:var(--muted);text-align:center}.pc-power-auto-off-timer{margin:0;font-size:1.65rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:#e8c878;line-height:1.1}.pc-power-auto-off-cancel{margin-top:.15rem;padding:.35rem .75rem;font-size:.82rem;border-radius:6px;border:1px solid #4a3a2a;background:#1a1510;color:#e8c878;cursor:pointer}.pc-power-auto-off-cancel:hover{background:#252018}.pc-power-entity-card{background:var(--surface-elevated);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:.75rem}.pc-power-entity-card-head{font-size:.95rem;color:var(--muted);margin-bottom:.65rem}.pc-power-entity-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pc-power-entity-row-top{margin-bottom:.35rem;font-size:.95rem}.pc-power-entity-left{display:flex;align-items:center;gap:.65rem;min-width:0}.pc-power-entity-icon{width:1.35rem;height:1.35rem;flex-shrink:0;color:var(--accent)}.pc-power-entity-state{flex-shrink:0;font-size:.95rem}.pc-power-socket-state{font-size:1.75rem;font-weight:600;line-height:1.2}.pc-power-message{margin:.75rem 0 0;text-align:center;color:var(--muted);font-size:.9rem}.pc-power-message-error{color:#f0a8a8}.pc-power-logout-wrap{margin:1.25rem 0 0;text-align:center}.pc-power-login-card label{display:block;margin-top:.75rem;font-size:.9rem;color:var(--muted)}.pc-power-login-card input[type=password],.pc-power-login-card input[type=text]{width:100%;margin-top:.35rem;padding:.55rem .65rem;border-radius:8px;border:1px solid #2a2a2a;background:#111;color:var(--text)}.pc-power-remember{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:var(--muted);cursor:pointer}.pc-power-login-card .cta{margin-top:1rem;width:100%;border:none;cursor:pointer;text-align:center}.pc-power-logout{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem;text-decoration:underline;padding:0}.deploy-result{margin-top:1.25rem;text-align:left}.deploy-banner{margin-top:1.25rem;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid #2a2a2a}.deploy-banner-title{margin:0;font-size:1.25rem;font-weight:700}.deploy-banner-detail{margin:.5rem 0 0;font-size:.95rem;line-height:1.5}.deploy-banner-success{background:#0f1a12;border-color:#2d5a3a}.deploy-banner-success .deploy-banner-title{color:#8fd99a}.deploy-banner-neutral{background:#141414;border-color:#3a3a3a}.deploy-banner-neutral .deploy-banner-title{color:#d4d4d4}.deploy-banner-partial{background:#1a160f;border-color:#5a4a2d}.deploy-banner-partial .deploy-banner-title{color:#e8c878}.deploy-banner-failed{background:#1a0f0f;border-color:#5a2d2d}.deploy-banner-failed .deploy-banner-title{color:#f0a8a8}.deploy-log-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.5rem;align-items:center}.deploy-log-details{margin-top:.5rem}.deploy-log-details summary{cursor:pointer;color:var(--muted);font-size:.9rem}.deploy-log-details[open] summary{margin-bottom:.5rem}.deploy-result-ok{color:#8fd99a;margin:0 0 .75rem}.deploy-result-err{color:#f0a8a8;margin:0 0 .75rem}.deploy-log{margin:0;padding:.75rem;max-height:22rem;overflow:auto;font-size:.78rem;line-height:1.4;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;white-space:pre-wrap;word-break:break-word}button.cta:disabled{opacity:.6;cursor:not-allowed}.tea-card{width:min(90vw,34rem);margin:0 auto;text-align:center;position:relative;padding-top:3.8rem}.tea-main-image{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block;margin:0 auto}.tea-visual-slot{width:220px;height:220px;max-width:75vw;max-height:75vw;margin:0 auto 1rem;position:relative}.tea-score{position:absolute;top:.75rem;z-index:2;min-width:8.4rem;padding:.45rem .65rem;border-radius:10px;background:rgba(5,5,5,.78);border:1px solid #2a2a2a;display:flex;flex-direction:column;align-items:center;line-height:1.05}.tea-score-left{left:.75rem}.tea-score-right{right:.75rem}.tea-score-name{font-size:1.06rem;color:var(--muted)}.tea-score-value{margin-top:.15rem;font-size:1.95rem;font-weight:700;color:var(--text)}.coin-scene,.tea-visual-slot>.coin-scene,.tea-visual-slot>.tea-main-image{width:100%;height:100%}.coin-scene{max-width:none;max-height:none;margin:0;perspective:1000px}.coin{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--coin-rotation,0deg));transition:transform var(--coin-duration,12s) cubic-bezier(.12,.82,.28,1)}.coin-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0;overflow:visible;border:0;background:transparent}.coin-back{transform:rotateY(180deg)}.tea-title{margin-bottom:.9rem}.tea-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.tea-btn{border:0;border-radius:10px;padding:.6rem 1rem;font-size:.98rem;background:var(--accent);color:#0a0a0a;font-weight:700;cursor:pointer}.tea-btn:hover:enabled{background:var(--accent-hover)}.tea-btn:disabled{opacity:.6;cursor:not-allowed}.tea-btn-secondary{background:#1f1f1f;color:var(--text);border:1px solid #333}.tea-btn-secondary:hover:enabled{background:#2a2a2a}.tea-result{margin-top:.9rem;min-height:1.4em;font-weight:650;color:var(--text)}.tea-btn-reset-global{margin-top:.75rem;background:#222;color:var(--text);border:1px solid #3a3a3a}.tea-btn-reset-global:hover:enabled{background:#2f2f2f}.tea-dialog-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1rem}.tea-dialog{width:min(92vw,24rem);border-radius:12px;border:1px solid #2a2a2a;background:var(--surface);padding:1rem;box-shadow:0 10px 35px rgba(0,0,0,.45)}.tea-dialog-title{margin:0 0 .65rem;font-size:1.1rem}.tea-dialog-input{width:100%;padding:.6rem .65rem;border-radius:8px;border:1px solid #333;background:#111;color:var(--text);font-size:1rem}.tea-dialog-input:focus{outline:2px solid var(--accent);outline-offset:1px}.tea-dialog-actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.6rem}.gallery-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem}.gallery-back{font-weight:600}.gallery-title{margin:0;font-size:1.5rem}.gallery-hint{color:var(--muted);font-size:.9rem;margin:0 0 1rem}.gallery-code{font-size:.85em;color:var(--accent)}.gallery-banner{color:var(--danger);margin:0 0 1rem}.gallery-empty{color:var(--muted);margin:1rem 0 0}.album-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;grid-gap:.65rem;gap:.65rem}@media (min-width:768px){.album-grid{grid-template-columns:repeat(3,1fr)}}.album-tile{width:100%;text-align:left;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid #262626;background:var(--surface-elevated);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer}.album-tile:hover{border-color:var(--accent)}.album-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1rem}.album-back-btn{border:1px solid #333;background:var(--surface-elevated);color:var(--text);padding:.45rem .85rem;border-radius:8px;cursor:pointer;font-weight:600}.album-back-btn:hover{border-color:var(--accent)}.album-name{margin:0;font-size:1.25rem}.photo-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.photo-grid{grid-template-columns:repeat(3,1fr)}}.photo-cell{margin:0;padding:.5rem;border-radius:var(--radius);background:var(--surface-elevated);border:1px solid #262626}.photo-thumb{width:100%;height:auto;border-radius:8px;display:block;vertical-align:middle}.photo-caption{margin-top:.35rem;font-size:.75rem;color:var(--muted);word-break:break-all}.share-main{padding-top:2.5rem}.share-badge{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.share-hint{margin-bottom:1.25rem}.share-panel{margin:1rem 0 1.5rem;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid #2a2a2a;background:var(--surface-elevated);text-align:left}.share-panel-title{margin:0 0 .65rem;font-size:.95rem;font-weight:650}.share-panel-row{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;margin-bottom:.65rem}.share-panel-row label{font-size:.85rem;color:var(--muted)}.share-panel-row select{padding:.35rem .5rem;border-radius:8px;border:1px solid #333;background:#111;color:var(--text)}.share-create-btn{padding:.45rem .9rem;border-radius:8px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:600;cursor:pointer}.share-create-btn:hover:not(:disabled){background:rgba(91,155,213,.12)}.share-create-btn:disabled{opacity:.55;cursor:not-allowed}.share-url-field{width:100%;font-size:.8rem;padding:.5rem .55rem;border-radius:8px;border:1px solid #333;background:#0a0a0a;color:var(--muted);margin-bottom:.5rem}.share-copy-btn{padding:.4rem .75rem;border-radius:8px;border:0;background:var(--accent);color:#0a0a0a;font-weight:600;cursor:pointer}.share-copy-btn:hover{background:var(--accent-hover)}.share-msg{margin:.5rem 0 0;font-size:.85rem;color:var(--muted)}form label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem}form input[type=password],form input[type=text]{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid #333;background:#111;color:var(--text);font-size:1rem}form input:focus{outline:2px solid var(--accent);outline-offset:1px}button[type=submit]{margin-top:1rem;width:100%;padding:.7rem 1rem;border:none;border-radius:8px;background:var(--accent);color:#0a0a0a;font-size:1rem;font-weight:600;cursor:pointer}button[type=submit]:hover{background:var(--accent-hover)}button[type=submit]:disabled{opacity:.65;cursor:not-allowed}.error{color:var(--danger);font-size:.9rem;margin-top:.75rem}